www.cftea.com

jQuery 事件绑定-input、change

ITPOW2019/5/14 10:44:07

看代码:

当 .text 文本框输入文字时、粘贴文字时,立即触发 input。注意:不会响应回车键这类,因为回车键并没有 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 中测试无效。

<<返回首页<<