js 事件绑定与删除 IE 8以下删除失败

null56 2017-07-20 11:55:15

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8" />

		<title></title>

		<style>

			#div1{ width: 150px; height: 150px; border:  solid 1px #333;}

		</style>

	</head>

	<body>

		<input id="btn1" type="button" value="删除事件" />

		<div id="div1">click</div>

	</body>

</html>

<script>	

function bind(obj,event,fn,b){ // 绑定事件的封装?

	obj.addEventListener

	?obj.addEventListener(event,fn,b)

	:obj.attachEvent("on"+event,function(){

		fn.call(obj)

	},b)

}



function unbind(obj,event,fn){

	obj.addEventListener

	?obj.removeEventListener(event,fn,false)

	:obj.detachEvent("on"+event,fn)

}



window.onload = function(){

	var oDiv = document.getElementById("div1")

	var oBtn = document.getElementById("btn1")

	bind(oDiv,"click",fn1)

	bind(oBtn,"click",fn2)

	

	function fn1(){

		alert("这是一个点击事件")

	}

	

	function fn2(){

		alert( "删除 oDiv的点击事件")

		unbind(oDiv,"click",fn1)

	}

	/* IE6~IE8 无法删除?*/

}

</script>

不知道为什么 IE8 以下删除失败，有经验的帮忙看看

...全文

131 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

null56 2017-07-20

打赏
举报

引用 1 楼 showbo 的回复:

obj.attachEvent("on"+event,function(){ fn.call(obj) },b) attachEvent你绑定的是匿名函数，又不是fn，你解绑fn肯定不行啊


    var ieEvtKV = {};//ie用全局变量存储匿名函数才能解绑
    function bind(obj, event, fn, b) { // 绑定事件的封装?
        obj.addEventListener ? obj.addEventListener(event, fn, b)
       : (ieEvtKV[fn.toString()] = function () { fn.call(obj) },
        obj.attachEvent("on" + event, ieEvtKV[fn.toString()], b))
    }

    function unbind(obj, event, fn) {
        obj.addEventListener
        ? obj.removeEventListener(event, fn, false)
        :( obj.detachEvent("on" + event, ieEvtKV[fn.toString()]),delete ieEvtKV[fn.toString()])
    }

有用，已经解决了！！

斯洛文尼亚旅游 2017-07-20

打赏
举报

obj.attachEvent("on"+event,function(){
fn.call(obj)
},b)

attachEvent你绑定的是匿名函数，又不是fn，你解绑fn肯定不行啊



    var ieEvtKV = {};//ie用全局变量存储匿名函数才能解绑

    function bind(obj, event, fn, b) { // 绑定事件的封装?

        obj.addEventListener ? obj.addEventListener(event, fn, b)

       : (ieEvtKV[fn.toString()] = function () { fn.call(obj) },

        obj.attachEvent("on" + event, ieEvtKV[fn.toString()], b))

    }



    function unbind(obj, event, fn) {

        obj.addEventListener

        ? obj.removeEventListener(event, fn, false)

        :( obj.detachEvent("on" + event, ieEvtKV[fn.toString()]),delete ieEvtKV[fn.toString()])

    }