Выполнение события 1 раз и снятие события?
Возможно ли это?
Например я хочу удалить событие вот так:
//где-то назначаю событие
eventUtility.addEvent(block_edit, "click", addSeats);
-----------------------------где-то в другом файле в другой области-----------------------
//ф-я обработчик
var addSeats = function() {
var rows_div = document.getElementById("add_seats_rows");
var cols_div = document.getElementById("add_seats_cols");
//что-то делаем
eventUtility.removeEvent(block_edit, "click", addSeats);
}
Т.е. я хочу, чтобы событие выполнилось 1 раз и с элемента снялся обработчик. jquery не предлагать. |
Сделал так:
var addSeats = function() {
if (seats.added != true)
{
// eventUtility.removeEvent(block_menu_form, "click", addSeats);
var rows_div = document.getElementById("add_seats_rows");
var cols_div = document.getElementById("add_seats_cols");
seats.added = true;
}
}
Если нужно повторить, то seats.added = false; seats - глобальный объект. Еще варианты? |
block_edit.addEventListener('click', addSeats);
var addSeats = function() {
var rows_div = document.getElementById("add_seats_rows");
var cols_div = document.getElementById("add_seats_cols");
//что-то делаем
block_edit.removeEventListener("click", addSeats);
}
То-есть именно так как вы написали в самом начале. А в чем собственно проблема? У вашего eventUtility отсутствует метод removeEvent() ? значит нужно его дописать. Гуглим по теме "кроссбраузерный addEventListener" |
Есть конечно removeEvent(), но назначается он в одном месте, а снимается в другом и ф-я назначенная на эвент не глобальная
Пробовал засунуть ф-ю в глобальный объект, но не сработало тоже. Например:
var actions = {addSeats : function () {} }
В программе eventUtility.addEvent(block_edit, "click", actions.addSeats); в другой области видимости eventUtility.removeEvent(block_edit, "click", actions.addSeats); не снимает. danik.js Вообще ваш комментарий идиотский. Во первых не заметили, что у меня таки есть removeEvent() в коде выше, во вторых не поняли проблему совершенно. |
Вобще-то ваш вопрос идиотский. Верней, у вас даже вопроса нет. Про возможность - не в счет.
Вы приводите код:
//где-то назначаю событие
eventUtility.addEvent(block_edit, "click", addSeats);
ф-я обработчик
var addSeats = function() {
var rows_div = document.getElementById("add_seats_rows");
var cols_div = document.getElementById("add_seats_cols");
//что-то делаем
eventUtility.removeEvent(block_edit, "click", addSeats);
}
addSeats в области видимости обоих вызовов. Стало быть код ваш не работает (вы привели код, но даже не прокомментировали его) из-за отсутствия/кривости removeEvent. А во втором комментарии вы вообще закомментили этот вызов. Это можно понимать как то, что у вас нет такого метода. Далее, я привожу код, используя нативные методы (чтоб сработало наверняка), причем ЯСНО ПИШУ, что код идентичен вашему. Короче, прежде чем что-то писать, думайте, это полезно. Цитата:
|
danik.js
И все таки вы идиот. Комментарии написаны, они как раз и описывают проблему. Области видимости РАЗНЫЕ, см. комментарий: //где-то назначаю событие Это не значит, что прямо выше ф-ии. Код приведен только для примера, вы мыслите слишком узко. Код removeEvent работает кроссбраузерно.
/**
* удаление события с элемента
* @param {type} el
* @param {type} type
* @param {type} fn - имя ф-ии
* @returns {undefined}
*/
removeEvent: function(el, type, fn) {
if (el) {
if (typeof removeEventListener !== "undefined") {
el.removeEventListener(type, fn, false);
} else if (typeof detachEvent !== "undefined") {
el.detachEvent("on" + type, fn);
} else {
el["on" + type] = null;
}
}
},
Убейтесь, недоразработчик. Тут как бы форум по javascript и я ожидаю адекватные ответы по теме, а не идиотские придирки или тупые ответы. |
Вообще было бы интересно все таки получить ответ от кого-то более адекватного.
Получалось ли у кого-то снимать событие внутри ф-ии, которая навешана на это же событие? Изначально думал так делать. Но событие не снималось, в итоге сделал через переменную-метку. |
Цитата:
Цитата:
Я не думаю что кто то захочет вам помогать! |
Вообще можно было попробовать без своего EventUtils, прежде чем начинать оскорбления. Не знаю, у кого как, а у меня под FF отлично работает. Ищите ошибку в утилсах.
<body>
<script>
(function () {
var doc = document;
var btn = doc.createElement('button');
btn.appendChild(doc.createTextNode('Click me'));
doc.body.appendChild(btn);
var handler = function () {
alert('It works!');
btn.removeEventListener('click', handler);
}
btn.addEventListener('click', handler);
}());
</script>
</body>
|
Ни кто так и не понял задачи. Смотрите пример кода и пишете как видите. Прочитайте внимательно описание.
addEventListener и removeEventListener вызываются в разных областях видимости у меня! Вы приводите примеры в одной области видимости, и пишете, что работает. Конечно так работает!!! :) |
Цитата:
Ни кто мне не сказал ничего нового. Печально. |
this.removeEventListener |
elem.addEventListener(event, handler.bind(elem), false);
....
function handler() {
this.removeEventListener(event, arguments.callee);
};
|
А если использовать мой хелпер, получается:
eventUtility.addEvent(block_edit, "click", actions.addSeats);
//в другой области видимости
function addSeats()
{
eventUtility.removeEvent(this, "click", actions.addSeats);
}
Так не работало, видимо actions.addSeats считается уже другим экземпляром. arguments.callee - ссылается на сам себя, т.е. this ? Так не пробовал, может быть получится так. eventUtility.removeEvent(this, "click", arguments.callee); Благодарю за наводку, уже лучше, чем предыдущие ответы. :) |
<body>
<script>
document.addEventListener('mousemove', onMouseMove)
function onMouseMove(){
document.body.innerHTML += 'mousemove<br>';
//document.removeEventListener('mousemove', onMouseMove);
}
</script>
</body>
<body>
<script>
document.addEventListener('mousemove', onMouseMove)
function onMouseMove(){
document.body.innerHTML += 'mousemove<br>';
document.removeEventListener('mousemove', onMouseMove);
}
</script>
</body>
|
Цитата:
Ну и даже если написать иначе, но в такой последовательности - сработают замыкания. У меня задача была сделать чтобы работало так же в РАЗНЫХ областях видимости. Как вы не можете этого понять то........... |
Попробуйте обернуть
document.addEventListener('mousemove', onMouseMove)
в другую ф-ю. и представить, что onMouseMove принадлежит глобальному объекту.
var seat = {
onMouseMove : function() {};
}
Тогда первой идеей будет в каждой ф-ии вызывать
function1 () {
document.addEventListener('mousemove', seat.onMouseMove);
}
function2 () {
document.removeEventListener('mousemove', seat.onMouseMove);
}
Попробуйте))) а у меня это не функции к тому же, а методы, т.е. в объектах. Моя задача более сложная, чем ваши простенькие примеры danik.js. Узко мыслите. Из-за вашего ограниченного мышления danik.js мне тут минусов понаставили, однако вы просто не поняли задачу. Не идиотизм разве. |
Цитата:
<body>
<script>
var seat = {
onMouseMove: function() {
document.body.innerHTML += 'mousemove<br>';
document.removeEventListener('mousemove', seat.onMouseMove);
}
}
document.addEventListener('mousemove', seat.onMouseMove)
</script>
</body>
И че изменилось? ссылка на обработчик так и осталась ссылкой на обработчик. Цитата:
|
danik.js,
Ну ты упоролся: у него событие вешается не на глобальный document, а на видимый локально block_edit, которого нет в области видимости addSeats. Он конечно тоже упоролся - писать свой обработчик событий не разобравшись с нативным, но с него спросу мало. Цитата:
Цитата:
|
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 12:20. |