为同一元素绑定不同的事件

方式一：

<p id='oo'>ddddddddddddddddddddddddddddddd</p>
<script>
var handler=function(e){
   switch(e.type){
       case "click":
           alert('clicked');
           break;
       case "mouseover":
           e.target.style.color='pink';
           break;
       case "mouseout":
           e.target.style.color=""
   }
};
var x=document.getElementById("oo");
x.onclick=handler;
x.onmouseover=handler;
x.onmouseout=handler;


</script>

方式二：

<p id='oo'>ddddddddddddddddddddddddddddddd</p>
<script>
var x=document.getElementById("oo");

x.addEventListener('click',function(e){
    alert('ckicked');
});

x.addEventListener('mouseover',function(e){
    e.target.style.color="pink"
});

x.addEventListener('mouseout',function(e){
    e.target.style.color=""
});

</script>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容