Назначить 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 ("фокус", обработчик) ...