実行時にDOM要素にonfocusを割り当てる

Question

実行時にDOM要素にonfocusやその他の同様の機能を割り当てることに興味があります。

一般的なケース：

<input type="text" id="box" onfocus="inputFocused()"/> 

ランタイム割り当てケース：

<input type="text" id="box"/> 

、スクリプトで

$('#box').onfocus = inputFocused(); 

inputFocused()簡単な関数以外の何ものでもありません。正常に動作していないようです。

ありがとうございました。

Answer 1

としてあなたはそれを使用することができます。

$('#box').on('focus',inputFocused); 

は、この情報がお役に立てば幸いです。

$('#box').on('focus',inputFocused); 
 

 
function inputFocused(){ 
 
    alert('focused'); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="box"/>

Answer 2

だけで

$('#box').onfocus = inputFocused(); 

を置き換える：それはjqueryの正しい構文です

$('#box').focus(inputFocused); 

。この方法は、.on（ "フォーカス"、ハンドラ）のショートカットです

...

： docsから