javascript - 你可以为html onkeyup添加多个javascript函数吗

Question

我是 JavaScript 新手。我想做的是建立一个密码验证系统，让用户专注于输入。

我的主要问题是您可以为 onkeyup 使用多个功能吗？

例子： <input onkeyup="validatepassword(),onfocus()">

validatepassword 功能是检查用户输入，例如密码长度。

onfocus 功能是让用户关注输入。

标签： javascripthtml

Answer 1

如果要将多个侦听器绑定到同一事件，可以使用EventTarget.addEventListener()

function validatepassword (event) {
  console.log('validatepassword');
}

function onfocus (event) {
  console.log('onfocus');
}

const input = document.querySelector('input');

input.addEventListener('keyup', validatepassword);
input.addEventListener('keyup', onfocus);

<input>