JS---DOM---为同一个元素绑定多个不同事件指向同一个事件处理函数

为同一个元素绑定多个不同事件指向同一个事件处理函数

1. 用了switch(e.type){} 来修改

2. break

 

  <input type="button" value="小苏" id="btn" />
  <script src="common.js"></script>
  <script>

    //为同一个元素绑定多个不同的事件,指向相同的事件处理函数
    my$("btn").onclick = f1;
    my$("btn").onmouseover = f1;
    my$("btn").onmouseout = f1;

    function f1(e) {
      switch (e.type) {
        case "click":
          alert("好帅哦");
          break;
        case "mouseover":
          this.style.backgroundColor = "pink";
          break;
        case "mouseout":
          this.style.backgroundColor = "yellow";
          break;
      }
    }

  </script>