jQueryを使用して複数のイベントに単一のイベントハンドラをバインドする

onblur、onmousedown、onmouseup、およびonfocusのそれぞれの異なる機能を持つ以下のdivがあります。コードを最小限に抑え、すべての関数状態。私はjqueryでこれをやりたい。つまり言い換えれば。私はfunctionAllと呼ばれる関数を作成し、その中にマウスの状態でfunction1のすべてをfunction4に入れたいと思って、div内でfunctionAllを使うだけです。このようなことをどうすればできますか？jQueryを使用して複数のイベントに単一のイベントハンドラをバインドする

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

出典

2011-01-17 Hussein

は、なぜあなたはそれをしたいと思う：

$('#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を入れる必要があり、その後、 "テスト" を言う：

<div id="test" contentEditable="true"> 
    test test 
</div>

出典

2011-01-17 05:20:56

がそれを手に入れました。ありがとう。 – Hussein

@ Box9どういうわけか私はドキュメントでそれを逃しました、それはまさに私が探していたものでした。ありがとう！ –

jQueryを使用して複数のイベントに単一のイベントハンドラをバインドする

答えて

関連する問題