美文网首页
e.type 事件类型

e.type 事件类型

作者: 王远清orz | 来源:发表于2019-11-04 16:42 被阅读0次
<body>
  <div id="box1"></div>
  <script>
    var box = my$('box1');
    box.onclick = fn;
    box.onmouseover = fn;
    box.onmouseout = fn;

    // 这种写法好处,只定义了一个函数,节约内存
    function fn(e) {
      switch (e.type) {
        case 'click':
          console.log('点击');
          break;
        case 'mouseover' :
         console.log('移入');
         break;
        case 'mouseout' :
          console.log('移出');
         break;

        //  默认处理事件
        default:
          console.log('点击');
          break;
      }
    }
  </script>
</body>

相关文章

  • e.type 事件类型

  • 【事件】事件类型

    DOM3 级事件规定了以下几类事件: UI(User Interface,用户界面)事件,当用户与页面上的元素交互...

  • jQuery(3)

    一 事件绑定 绑定 $().bind(事件类型,function(){}); $().bind(事件类型1,事件类...

  • 事件处理

    事件简介 事件类型 事件简介 事件类型(event type)例如:click、mouseover、keydown...

  • Activiti框架事件

    Activiti事件主要包含两个概念:事件类型与事件定义。事件类型分为抛出型和捕获型,事件类型描述了事件发生的位置...

  • JavaScript 事件类型,事件绑定,事件监听

    事件类型 事件绑定 事件监听 事件类型 鼠标事件: onclick:鼠标单击对象时触发 ondblclick:鼠标...

  • 事件类型

    本节介绍各种常见的浏览器事件。 鼠标事件 鼠标事件指与鼠标相关的事件,主要有以下一些。 click 事件,dblc...

  • 事件类型

    1.事件 1.1组成 1.2 事件类型 1.3 事件对象

  • DOM&BOM

    使用事件的基本结构:事件源+事件类型=执行的指令事件源事件事件处理程序 事件源事件类型驱动程序----匿名函数 事...

  • jQuery事件冒泡和默认行为

    什么是事件冒泡? 父亲和儿子都绑定了相同事件类型,儿子再相应该类型事件时,父亲也会跟着响应该类型事件。 这种事件从...

网友评论

      本文标题:e.type 事件类型

      本文链接:https://www.haomeiwen.com/subject/zzpdbctx.html