當(dāng)前位置:
首頁(yè) >
前端技术
> javascript
>内容正文
javascript
【学习笔记】JS进阶语法一事件进阶
生活随笔
收集整理的這篇文章主要介紹了
【学习笔记】JS进阶语法一事件进阶
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
內(nèi)容整理自《從0到1Javascript快速上手》下半部分-進(jìn)階語(yǔ)法篇
示例:event對(duì)象keyCode屬性獲取鍵盤(pán)上下左右鍵
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>event對(duì)象</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>?
?
?
總結(jié)
以上是生活随笔為你收集整理的【学习笔记】JS进阶语法一事件进阶的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 【学习笔记】JS进阶语法一事件基础
- 下一篇: 【学习笔记】JS进阶语法一documen