键盘事件
这个来讲一下键盘事件,按键事件
* 键盘事件:
* onkeydown --按键被按下
* 对于onkeydown来说如果一直按着某个按键不松手,则事件会一直触发
* 当onkeydown连续触发时,第一次和第二次之间会间隔稍微长一点,其他都比较快
*
* onkeyup -- 按键被松开
*
* 键盘事件一般都会绑定给一些可以获取焦点的对象或者document
*/
话不多说,代码上
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ /* * 键盘事件: * onkeydown --按键被按下 * 对于onkeydown来说如果一直按着某个按键不松手,则事件会一直触发 * 当onkeydown连续触发时,第一次和第二次之间会间隔稍微长一点,其他都比较快 * * onkeyup -- 按键被松开 * * 键盘事件一般都会绑定给一些可以获取焦点的对象或者document */ document.onkeydown = function(event){ /* * 可以通过keycode获取按键的编码,可以知道哪个按键被按下了。 * 除了keycode,事件对象还提供了几个属性, * altkey,ctrlkey,shiftkey * 这三个来判断alt,ctrl和shift键是否被按下。 */ event = event || window.event; var code = event.keyCode //判断y是否被按下 if (code === 89 || event.shiftKey){ console.log(code) } } //接下来给input设置 input1 = document.getElementsByTagName("input")[0] input1.onkeydown = function(event){ event = event || window.event; console.log(event.keyCode) //禁止文本框输入数字 // if (event.keyCode>=48 && event.keyCode <=57) { // return false // // } return false; }; } </script> </head> <body> <input type="text"/> </body> </html>