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>