js如何给dom元素绑定事件,移除事件

拿点击事件举例:

<script>
    var div = document.getElementsByTagName("div")[0]
    function test(){
        console.log(1)
    }

    // 兼容性很好    
    div.onclick = test // 绑定事件   
    div.onclick = ''; // 移除事件

    // IE9以下不兼容
    div.addEventListener('click',test,false)// 绑定事件  
    div.removeEventListener('click',test,false)// 移除事件

    // IE独有
    div.attachEvent('onclick',test) // 绑定事件
    div.detachEvent('onclick', test)// 移除事件
    
</script>
关于清除事件

函数是一个引用值,绑定的事件和清除的事件必须是指向同一个函数才能清除,匿名函数是无法清除的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值