jQuery 事件绑定-input、change

栏目: jQuery · 发布时间: 6年前

内容简介:看代码:我不知道 input 在老 IE 中是否有效,但是我测试 IE 10、Edge 中没有问题。

看代码:

$(".text").on("input change", handler);

当 .text 文本框输入文字时、粘贴文字时,立即触发input。

  • 它比keyup高级,keyup 只响应键盘,鼠标粘贴时不响应,而且按住按键不放,keyup 只在最后按键抬起的时候触发,但 input 是实时的。
  • 它比keydown高级,keydown 虽然在按住按键不放时,会不断触发,但是它解决不到致命问题:事件触发时,文字还没有写入到文本框,也就是取不到最新值。
  • 它比mouseup高级,在 Chrome 浏览器中,使用鼠标粘贴时,并不会触发 mouseup,可能它觉得弹出菜单没在文本框上吧。

我不知道 input 在老 IE 中是否有效,但是我测试 IE 10、Edge 中没有问题。

所以绝大多数情况下 input 足够了。

当 .text 文本框失去焦点时,立即触发 change。

propertychange 是什么?

上面 input、change 都是响应人工,但是在程序改变文本框值时无法触发,propertychange 则全部响应,听起来非常棒,这个以前我在老 IE 中用过,遗憾的是,我在 IE 10、Edge、Chrome 中测试无效。


以上所述就是小编给大家介绍的《jQuery 事件绑定-input、change》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

网页设计创意书(卷2)

网页设计创意书(卷2)

麦克尼尔 / 图灵编辑部 / 人民邮电 / 2012-1 / 49.00元

《网页设计创意书(卷2)》是《网页设计创意书》的卷2,但并非其简单补充,而是作者基于近几年网站发展新趋势的再创作。《网页设计创意书(卷2)》先讲解了如何从他人的优秀设计中寻找灵感,接着阐述了重点、对比、平衡、对齐等网站设计的基本原则,然后将网站按类型、设计元素、风格和主题、结构样式和结构元素分类,并分章介绍了每一类的设计技巧。《网页设计创意书(卷2)》语言简练,结合作者精挑细选的网站实例,通俗易懂......一起来看看 《网页设计创意书(卷2)》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

html转js在线工具
html转js在线工具

html转js在线工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具