當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
【学习笔记】JS进阶语法一事件进阶
生活随笔
收集整理的這篇文章主要介紹了
【学习笔记】JS进阶语法一事件进阶
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
內容整理自《從0到1Javascript快速上手》下半部分-進階語法篇
示例:event對象keyCode屬性獲取鍵盤上下左右鍵
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>event對象</title><style type="text/css">#search{color:#bbbbbb;}</style><script>window.onload = function (){ var oSpan = document.getElementsByTagName("span")[0];window.addEventListener("keydown",function (ev) {if (ev.keyCode == 38 || ev.keyCode == 87){oSpan.innerHTML = "上";}else if(ev.keyCode == 39 || ev.keyCode == 68){oSpan.innerHTML = "右";}else if(ev.keyCode == 40 || ev.keyCode == 83){oSpan.innerHTML = "下";}else if(ev.keyCode == 37 || ev.keyCode == 65){oSpan.innerHTML = "左";}else {oSpan.innerHTML = "";}},false )}</script></head><body><div>您輸入的方向是:<span style="font-weight:bold;color:hotpink;"></span></div></body> </html>?
?
?
總結
以上是生活随笔為你收集整理的【学习笔记】JS进阶语法一事件进阶的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【学习笔记】JS进阶语法一事件基础
- 下一篇: 【学习笔记】JS进阶语法一documen