键盘事件

键盘事件:

键盘事件通常需要直接绑定给文档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级来绑定

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值