Связывание одного обработчика событий с несколькими событиями с помощью jQuery
У меня есть следующий div с различными функциями для onblur, onmousedown, onmouseup и onfocus. Я хочу свести к минимуму код и иметь только один вызов функции внутри div для всех состояний функций. Я хочу сделать это с помощью jquery. Другими словами. Я хочу создать функцию, называемую functionAll, и поместить все функции1 в функцию 4 с внутренним состоянием мыши, а затем просто использовать функцию ALL внутри Div. Как я могу сделать что-то подобное?
<div contentEditable="true"
onblur="function1();"
onmousedown="return function2(event);"
onmouseup="function3();"
onfocus="function4();">
test test
</div>
Ответы
Ответ 1
Вы должны поместить идентификатор в div, скажем "тест", а затем:
$('#test').bind('blur mousedown mouseup focus', function (e) {
// This is your combined function
// Inside here you can use e.type to find out whether it was a
// "blur", "mousedown", "mouseup", etc...
});
HTML будет выглядеть так:
<div id="test" contentEditable="true">
test test
</div>