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

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

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

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

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

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

DOM0和DOM2的区别

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

  2.DOM0级只适合普通事件,DOM2级还有指定的事件类型

  3.事件取消DOM0级直接赋值null,DOM2级需要使用removeEventListener()

DOM0级取消事件:

  div.onclick=function(){

    console.log(123)

  }

  div.onclick=null;

DOM2级取消事件

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

  function fn1(){

    console.log(123)

  }

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

键盘事件

  onkeydown  onkeyup

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

  ev这个属性keyCode键盘编码

  document.onkeydown=function(ev){

    var ev=ev||window.event

    console.log(ev.keyCode)

  }

  

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

优质内容筛选与推荐>>
1、微信小程序input组件type属性3个值的作用
2、Python基本输出函数print()用法小结
3、界面实时刷新线程信息
4、当Atom遇见VSCode:微软将对GitHub做的6件事
5、想说要脸不容易:封面和版式空谈


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号