Работает только встроенный обработчик

Question

В моем приложении работают только встроенные обработчики.

Это часть моей яваскрипта функции

function onDeviceReady() { 
     alert('ready'); 
     document.querySelector('#idCpf').onkeypress = alert('keypress'); 
     document.getElementById("idCpf").onclick=alert("click"); 
    } 

И это моя часть моего кода HTML

<input type="tel" autocomplete="on" id="idCpf" onblur="alert('onblur')" placeholder="Seu CPF" required> 

О функции «onDeviceReady» только первые предупреждения работ, и «OnKeyPress» и 'onclick' покажет мне предупреждение, когда fucintion 'onDeviceReady' без нажатия кнопки, щелкните или размытия ввода. Но мой код работает только тогда, когда я использую встроенные обработчики, например, для типа ввода ... onblur = "alert ('onblur')". В чем моя проблема?

Спасибо.

Answer 1

document.querySelector('#idCpf').onkeypress = alert('keypress'); 

называет alert('keypress'); и присваивает возвращаемое значение alert('keypress'); как обработчик события.

alert('keypress'); Выполняется немедленно, а не при срабатывании события.

Чтобы назначить обработчик события вы должны сделать,

document.querySelector('#idCpf').onkeypress = function() { alert('keypress') }; 
document.getElementById("idCpf").onclick= function() { alert("click") };