Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Не работает detachEvent в IE7/8 (https://javascript.ru/forum/events/44043-ne-rabotaet-detachevent-v-ie7-8-a.html)

Hapson 03.01.2014 19:07

Не работает detachEvent в IE7/8
 
Всем привет!
Такая проблема, почему-то не работает detachEvent в IE7/8.
Вот скрипты в порядке подключения
var EventHandler = {
	add: function(element, eventType, handler){
		if(element.addEventListener){
			element.addEventListener(eventType, handler, false);
			return handler;
		}
		var IEhandler = function(){handler.call(element);}
		element.attachEvent("on"+eventType, IEhandler);
		return IEhandler;
	},
	remove: function(element, eventType, handler){
		if(element.addEventListener){
			element.removeEventListener(eventType, handler, false); return;
		}
		element.detachEvent("on"+eventType, handler);
	}
}


Дальше
EventHandler.add(window, "load", js1func);

function js1func(){
	var div = document.getElementById("div1");
	EventHandler.add(div, 'click', viewDiv1);
}

function viewDiv1(event){
	var div = document.getElementById("div1");
	EventHandler.remove(div, 'click', viewDiv1);
	var evt = event || window.event
	var str = "<h3>THIS:</h3>";
	for(z in this){
		str += z +' => '+ this[z] +"<br />";
	}
	str += "<h3>EVENT:</h3>";
	for(z in evt){
		str += z +' => '+ evt[z] +"<br />";
	}
	div.innerHTML = str;
}


И HTML страничка
Код:

<!DOCTYPE html>
<html>
<head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Обработчик событий</title>
        <style type="text/css">
                #div1, #div2{float: left; width: 50%;}
        </style>
        <script type="text/javascript" src="eventHandler.js"></script>
        <script type="text/javascript" src="js1.js"></script>
        <!--<script type="text/javascript" src="js2.js"></script>-->
</head>
<body>
        <div id="div1">DIV 1</div>
        <div id="div2">DIV 2</div>
        <script type="text/javascript">
       
        </script>
</body>
</html>

Во всех браузерах все работает. То есть после загрузки страницы я кликаю по DIV1, в него загружается результат работы функции viewDiv1() и эта же функция снимает обработчик. То есть дальше DIV1 уже не реагирует на клики. Но вот в IE7/8 подписка на onclick не снимается, почему?

Hapson 03.01.2014 19:59

Что-то я не понял...
Вроде как пишут, что attachEvent не передает this в функцию-обработчик. Собственно для этого и написал
var IEhandler = function(){handler.call(element);}

И поэтому и не срабатывал detachEvent потом.
Но когда сделал так, все заработало
var EventHandler = {
	add: function(element, eventType, handler){
		if(element.addEventListener){
			element.addEventListener(eventType, handler, false);
			return handler;
		}
		element.attachEvent("on"+eventType, handler);
		return handler;
	},
	remove: function(element, eventType, handler){
		if(element.addEventListener){
			element.removeEventListener(eventType, handler, false); return;
		}
		element.detachEvent("on"+eventType, handler);
	}
}


Причем this присутствует в функции-обработчике. Где косяк? Работает во всех IE от 6

Hapson 03.01.2014 20:02

Нет... ошибся.
This есть, но ничего интересного в нем нет

danik.js 03.01.2014 23:15

Цитата:

Сообщение от Hapson
Причем this присутствует в функции-обработчике

This то всегда есть )) Его просто не может не быть. А вот указывать он может на разные объекты (и если не ошибаюсь может даже быть null)

danik.js 03.01.2014 23:18

Как просто фикс - сохраняй ссылку на функцию-обертку в самой функции:
handler._wrapper = wrapper
и детачь уже handler._wrapper.

Грязный трюк конечно, но иначе только создание реестра обработчиков.
Можешь еще нагуглить костыль для добавления addEventListener в IE

Hapson 04.01.2014 02:08

danik.js,
Спасибо!
Уже разобрался. Сейчас в этом копаюсь
http://javascript.ru/tutorial/events/crossbrowser
почти разобрался.

А проблема была именно в ссылке на функцию-обработчик. Вобщем теперь все работает. :)


Часовой пояс GMT +3, время: 04:25.