原生js事件监听有哪些方法,jq又有哪些,jq中这些方法有何区别

JavaScript09

原生js事件监听有哪些方法,jq又有哪些,jq中这些方法有何区别,第1张

原生键盘监听事件:按下一次按键,分为三个过程,按下—按住—松开

onkeydown:某个键被按下

onkeypress:某个键盘的键被按下或按住

onkeyup:某个键盘的键被松开

使用方法,一般来说,键盘监听是直接在整个页面文档上进行监听的,也就是document上

以下是原生的使用案例

//实际使用

document.onkeydown=function(e){ //对整个页面文档监听

var keyNum=window.event ? e.keyCode :e.which //获取被按下的键值

//判断如果用户按下了回车键(keycody=13)

if(keyNum==13){

alert('您按下了回车')

}

//判断如果用户按下了空格键(keycode=32),

if(keyNum==32){

alert('您按下了空格')

}

}

剩下另外两个按键方法同理

jquery的方式监听键盘事件

jquery的也分为三个过程,但是在事件名称上有所不同

keyup:某个键盘的键被松开

keydown:某个键被按下

keypress:某个键盘的键被按下或按住

原生JS的onchang是在input值变化并失去焦点的时候才会触发,参考一下:

<input type="text" id="mytext" value="" />

<script type="text/javascript">

   var input = document.getElementById('mytext')

    if (input.addEventListener) {

        input.addEventListener('change', function () {

            console.log('aaaaaa')

        })

    }

    else {

        input.attachEvent('onchange', function () {

            console.log('aaaaaa')

        })

    }

</script>