將onfocus分配給運行時的DOM元素

Question

我有興趣在運行時將onfocus或其他類似的功能分配給DOM元素。

一般案例：

<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(); 

有：

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

這是jQuery的正確的語法。從docs：

此方法是。對（ 「焦點」，處理程序）的快捷方式......