内容简介:看代码:我不知道 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》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
网站开发案例课堂:HTML5+CSS3+JavaScript网页设计案例课堂
刘玉红 / 2015-1-1 / 68
《网站开发案例课堂:HTML5+CSS3+JavaScript网页设计案例课堂》作者根据在长期教学中积累的网页设计教学经验,完整、详尽地介绍HTML 5 + CSS 3 + JavaScript网页设计技术。 《网站开发案例课堂:HTML5+CSS3+JavaScript网页设计案例课堂》共分24章,分别介绍HTML 5概述、HTML 5网页文档结构、HTML 5网页中的文本和图像、HTML......一起来看看 《网站开发案例课堂:HTML5+CSS3+JavaScript网页设计案例课堂》 这本书的介绍吧!