Я пишу о библиотеке, которую хочу включить на разные страницы, которые могут уже использовать событие onchange — есть ли способ прикрепить мое событие к onchange, не удаляя исходное?
РЕДАКТИРОВАТЬ:
onchange в объекте окна нет только одного элемента - onchange как в хеше изменение урла и т.д. извините если перепутал!
Если я прав, похоже, вы хотите внедрить новый код в существующее событие. Это может помочь вам, если вы хотите решение на чистом JavaScript, и вот скрипт, демонстрирующий эту функцию. http://jsfiddle.net/VZCve/1/
var element = document.getElementById("myElementId");
element.onchange = (function (onchange) {
return function(evt) {
// reference to event to pass argument properly
evt = evt || event;
// if an existing event already existed then execute it.
if (onchange) {
onchange(evt);
}
// new code "injection"
alert("hello2");
}
})(element.onchange);
ОТРЕДАКТИРОВАНО: Теперь, когда теги изменены, и вы ссылаетесь на jQuery в своем вопросе
jQuery продолжит связывать новые функции с помощью jQuery.change().
обратите внимание, что следующее будет выполнять все назначенные функции изменения
$(document).ready(function () {
$("#myElement").change(function() { alert('executed') });
$("#myElement").change(function() { alert('executed again') });
$("#myElement").change(function() { alert('executed again again') });
});
Когда вы инициируете событие изменения для элемента в селекторе, вы получите 3 предупреждения.
Обратите внимание, что порядок срабатывания событий зависит от порядка, в котором каждая функция была привязана к элементу.
Вот простая скрипта, демонстрирующая функциональность jQuery http://jsfiddle.net/VZCve/.
Использование функции jQuery .change() для назначения обработчика onchange не будет переопределять существующие события onchange (или другие обработчики, назначенные jQuery). См. рабочую демонстрацию здесь: http://jsfiddle.net/nrabinowitz/EyKdm/
В более новых браузерах есть addEventListener, который может это сделать, но dean.edwards решение лучше
более совместим со старыми браузерами
вы также можете использовать обработчик событий costem, который вызывает массив функций (сделанный правильно, вы можете обработать значение return подфункций, чтобы решить, хотите ли вы запустить следующую функцию, а также couts для event
if(typeof element.onclickfunctions == "undefined"){
element.onclickfunctions = [];
}
element.onclickfunctions.push( function(event){return Myfunct(event);});//or var
element.onclick = function(event){
for(x in element.onclickfuncitons){
if(! x(event)){
break;
}
}
};
код не проверен, пожалуйста, прокомментируйте, прежде чем понизить
