javascript - 如何将函数附加到表单元素

Question

我想将一个函数附加到 javascript 文件中的输入元素，但它无法正常工作，请建议正确的语法或任何其他解决方案，我也不想使用内联 html 方法，如 <input type="text" id="name" onfocus="hello()"> .这是 fiddle ,

document.getElementById("name").onfocus = hello();
function hello () {
    alert("hello");
}

<input type="text" id="name">

我希望在输入元素获得焦点时执行该函数，但此处该函数在页面加载完成后立即执行。请我想要纯 javascript 而不是 jquery。

Answer 1

改为附加事件监听器

  document.getElementById("name").addEventListener("focus", function(){
   alert('Hello')
});

<input type="text" id="name">