在运行时将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：

  

此方法是.on（＆＃34; focus＆＃34;，handler）...

的快捷方式