e.type 事件类型

2019-11-04  本文已影响0人  王远清orz
<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>
上一篇 下一篇

猜你喜欢

热点阅读