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》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

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

美工神话

美工神话

聂小燕、赵秋轶 / 人民邮电出版社 / 2006 / 52.00元

本书是一本专门针对网页美工设计的图书,全面、细致地介绍利用 Dreamweaver 8 和 Photoshop CS2 进行创意和设计的具体方法和步骤。 全书共分为4篇12章,在阐述网页色彩设计和风格创意的基础上,以生动的实例引导读者全面地掌握 Photoshop 网页元素设计与 Dreamweaver 网页布局美化。书中涉及了诸多网页美化所必须掌握的知识点,比如色彩知识,风格创意,网页规划......一起来看看 《美工神话》 这本书的介绍吧!

URL 编码/解码
URL 编码/解码

URL 编码/解码

SHA 加密
SHA 加密

SHA 加密工具