首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >当<input type="number“/>的值更改时,它会触发哪些事件?

当<input type="number“/>的值更改时,它会触发哪些事件?
EN

Stack Overflow用户
提问于 2010-10-15 15:26:57
回答 5查看 87.4K关注 0票数 102

我只是想知道,当HTML5 <input type="number" />元素的向上/向下箭头被单击时,是否有人知道它会触发什么事件:

当焦点离开输入字段时,我已经使用了一个onblur

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2010-10-15 15:30:52

change将是字段的值更改时触发的事件。

我认为HTML5事件input也会触发。

票数 81
EN

Stack Overflow用户

发布于 2013-04-09 18:37:48

我发现对于jQuery,以下代码涵盖了Chrome中的键盘输入、鼠标滚轮更改和按钮单击,还处理了Firefox中的键盘输入

代码语言:javascript
复制
$("input[type=number]").bind('keyup input', function(){
    // handle event
});
票数 39
EN

Stack Overflow用户

发布于 2012-05-24 20:42:51

我发现onkeyuponchange覆盖了Chrome19的所有功能,它处理直接的数值输入,向上和向下箭头的按键,点击按钮和滚动鼠标滚轮。

在Chrome中,onchange本身就足够了,但其他只将字段呈现为文本框的浏览器需要onkeyup绑定,它可以完美地读取新值。

单独绑定mousewheel事件不太成功。该事件过早触发-在更新字段值之前-因此始终提供字段的前前值

票数 7
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3940258

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档