用Js中的事件处理程序替换html中的onclick

时间:2018-06-13 10:24:16

标签: onclick event-handling

我正在为学校做一个项目,我很快就要完成了。但是我用了旧的" onclick"在HTML方法中,这是不允许的。所以现在我试图用Id标签将其移动到Js。这是我目前的代码。

HTML:

<label for="male">Username</label>
<input type="text" id="userName" oninput="changeUserName()">

使用Javascript:

function changeUserName() {
employee.userName = setEmployee('userName');
showEmployee();   }

如何更改代码以便我使用事件监听器?我试图搜索youtube和论坛,但没有弄清楚..

提前致谢

1 个答案:

答案 0 :(得分:0)

您可以按ID选择元素,然后像这样设置oninput:

document.getElementById("userName").oninput = function() {
  // do something
}

https://jsfiddle.net/hr6dLkuf/5/