zoukankan      html  css  js  c++  java
  • 事件三

    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  鼠标右击事件

  • 相关阅读:
    《浪潮之巅》读后感
    学习进度表
    学习进度表
    兴趣问题清单
    第六周周结
    价值观作业
    学习进度表
    第三次作业(问卷调查)
    第五周(生成动态表格)
    【Other】LanProxy内网穿透
  • 原文地址:https://www.cnblogs.com/qinmengyang/p/js22.html
Copyright © 2011-2022 走看看