2018.12/6 js键盘事件 DOM:0级2级

 

DOM0级事件元素绑定多个click最后只执行最后一个click

DOM2级事件元素绑定多个click,都要执行

注意当绑定的多个事件名,函数名,事件发生阶段三者完全一样时,才执行最后一个

div.addEventListener("click",fn1,false)

 div.addEventListener("click",fn1,false)

第二 参数尽量不要使用匿名函数

区别:

  1. DOM0级绑定多个相同事件,后者会覆盖前者,DOM2级不会

  2.DOM0级只适合普通事件,DOM2级还有指定事件类型如DOMContentLoded(当HTML文档结构加载完成之后执行)

2.事件取消 DOM0级直接赋值null,DOM2级需要用 removeEventener()

div.onclick=function(){

console.log(123)

} 

div.onclick=null;  DOM0级取消事件

div.addEventListener("lick",fn1,false)

function fn1(){

console.log(123)

}

div.removeEventListener("click",fn1,false)DOM2级取消事件

键盘事件

    onkeydown  onkeyup

键盘事件触发,浏览器天生给一个方法叫 KeyboardEvent的对象,所有的键盘信息都存在这个对象上。

  我们发现ev有个属性keyCode键盘编码

右击鼠标事件  oncontextmenu 鼠标右击事件

 

posted @ 2018-12-06 14:53  晋飞翔  阅读(267)  评论(0编辑  收藏  举报