使用jQuery将单个事件处理程序绑定到多个事件

前端之家收集整理的这篇文章主要介绍了使用jQuery将单个事件处理程序绑定到多个事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下div与onblur,onmousedown,onmouseup和onfocus不同的功能。我想最小化代码,只有一个函数调用内部的div所有的功能状态。我想用jquery做这个,所以换句话说。我想创建一个名为functionAll的函数,把所有的function1都放在函数4里,里面有鼠标,然后在Div里面使用functionAll。我该怎么做这样的事情?
<div contentEditable="true"
     onblur="function1();"
     onmousedown="return function2(event);"
     onmouseup="function3();"
     onfocus="function4();">
    test test
</div>

解决方法

你应该把一个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>
原文链接:https://www.f2er.com/jquery/182006.html

猜你在找的jQuery相关文章