当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JS---DOM---为同一个元素绑定多个不同事件指向同一个事件处理函数

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

2019年12月11日  | 移动技术网IT编程  | 我要评论

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

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>

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网