html重置按钮导致oninput事件失效的解析
以下代码演示了一个文本输入框和一个重置按钮：
<code class="javascript"> let input = document.getElementsByTagName("input")[0];
input.oninput = function () {
console.log(this.value);
};
let reset = document.querySelector('input[type="reset"]');
reset.onclick = function () {
setTimeout(function () {
console.log(input.value);
}, 2000);
};</code>当在文本框中输入内容后，点击重置按钮，你会发现oninput事件并未触发。这是因为HTML规范规定，重置元素（如重置按钮）的重置行为不视为用户触发的更改，因此不会触发input事件。
规范明确指出：重置元素的重置算法对表单控件的更改不触发输入事件。
所以，使用<input type="reset">重置文本框时，oninput事件不会被触发。
立即学习“前端免费学习笔记（深入）”；
以上就是HTML重置按钮点击后，oninput事件为何失效？的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
773
收藏
