gpt4 book ai didi

javascript - 为什么我不能在 javascript 上有两个 "oninput"监听器?

转载 作者:行者123 更新时间:2023-11-29 16:07:58 25 4
gpt4 key购买 nike

我创建了两个 ID 为 nameage 的输入,我一直在尝试使用 javascript 的 oninput< 检查数据是否插入其中,它适用于 age 但不适用于 name,我做错了什么?

var name = document.getElementById('name');
var age = document.getElementById('age');
age.oninput = function() {
console.log('age');
return true;
};
name.oninput = function() {
console.log('name');
return true;
};
<!DOCTYPE html>
<html>

<head>
<title>clerf</title>
</head>

<body>
<div id="main">
<input type="text" id="name" />
<input type="number" id="age" />
</div>
</body>

</html>

最佳答案

是因为name already exists .给它一个不同的名字,它会工作得很好。

var nameEl = document.getElementById('name');
var age = document.getElementById('age');
age.oninput = function() {
console.log('age');
return true;
};
nameEl.oninput = function() {
console.log('name');
return true;
};
<!DOCTYPE html>
<html>

<head>
<title>clerf</title>
</head>

<body>
<div id="main">
<input type="text" id="name" />
<input type="number" id="age" />
</div>
</body>

</html>

关于javascript - 为什么我不能在 javascript 上有两个 "oninput"监听器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36293125/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com