键盘事件:
键盘事件通常需要直接绑定给文档document
- onkeydown (按键按下)
- onkeyup (按键释放)
- onkeypress (字符按键按下)
onkeydown onkeyup 如果持续按下并未释放,但是存在较短的触发间隔
document.onkeydown = function(e){
var e = e || window.event;
//按键信息都存在事件对象中,通过keyCode属性读取,读取到的是number,表示键值编码
//注意:在keydown事件中,无法读取小写字母的键值编码
// 空格:32 ;回车:13 ;左:37;上38;右39;下40;
}
document.onkeypress = function(e){
var e = e || window.event;
console.log(e.keyCode);
//通过方法:String.fromCharCode
var char = String.fromCharCode(e.keyCode);
}
##表单事件:
大多数用于表单验证
onfocus:当表单元素获得焦点时触发
onblur:当表单元素失去焦点时触发
onchange:当表单元素的value值发生改变后触发
oninput 当表单元素是的value值发生变化时触发
##滚轮事件:
onmousewheel :当鼠标滚轮在元素上滚动时触发
对滚轮事件的应用主要是通过判断滚轮滚动的方向。来做对应的逻辑操作。
滚轮的滚动方向信息存储在滚轮事件的事件对象中。
通过事件对象的wheelDelta来判断滚轮滚动的方向。
当滚轮向上滚动为正值。当滚轮向下滚动为负值
滚轮事件在FF浏览器上存在兼容问题,FF上的DOM并没有onmousewheel属性
FF浏览器滚轮事件的事件类型是DOMMouseSccroll.这这个事件需要通过DOM2级来绑定
器滚轮事件的事件类型是DOMMouseSccroll.这这个事件需要通过DOM2级来绑定