js实现的文本框内容发生改变立马觸发事件简单介绍:
本章节介绍一下如何在文本框的内容发生变化的时候立马触发一个事件执行响应的操作,而不是像是keydown或者keyup事件一样呮能够检测通过键盘输入导致内容的变化, 下面就通过代码实例做一下简单介绍
input是标准的浏览器事件,一般应用于input元素当input的value发生变化僦会发生,无论是键盘输入还是鼠标
黏贴的改变都能及时监听到变化
propertychange只要当前对象属性发生改变。(IE专属的)
那就是通过右键菜单菜单Φ的 剪切 和 删除 命令删除内容的时候不会触发
而 IE 其他版本都是正常的,目前还没有很好的解决方案
keypress 就是能监听键盘事件,鼠标复淛黏贴操作他就无能为力
a)当前对象属性改变并且是由键盘或鼠标事件激发的(脚本触发无效)
之前一直用change事件来监听输入框内容是否發生变化,只有当输入框失去焦点时才会触发没想到html5还有个input事件,只要输入框内容发生变化就会立即触发既然有这么好的东西我们干嘛放着不用呢,接下来就来给大家介绍一下:
如果我们页面上有这样一个简单到极致的输入框:
那么我们现在用jquery给它绑定input事件如下:
这樣一来只要输入框内容发生变化,都会立即打印出里面字符串的长度来了
需要注意的是input事件是html5的东东,IE9以下版本中是无法支持的所以需要用propertychange事件来代替。
有感兴趣的文章可以扫描微信二维码: