Привязка одного обработчика событий к нескольким событиям с помощью jQuery

Question

У меня есть следующий div с различными функциями для onblur, onmousedown, onmouseup и onfocus. Я хочу минимизировать код и иметь только один вызов функции внутри div для всех состояний функции. Я хочу сделать это с помощью jquery. Другими словами. Я хочу создать функцию с именем functionAll и поместить все функции function1 в функцию 4 с состоянием мыши внутри, а затем просто использовать functionAll внутри Div. Как я могу сделать что-то подобное?

<div contentEditable="true"
     onblur="function1();"
     onmousedown="return function2(event);"
     onmouseup="function3();"
     onfocus="function4();">
    test test
</div>

Answer 1

Вы должны поместить id в div, сказать «test», затем:

$('#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>