工作零碎的小经验1:输入框内容输入后触发的事件
2014-03-29 22:51
295 查看
例如如果我们要想实现一个输入框,如果输入错误,就会有提示语,但是当你再再输入框输入后,你需要这个提示语消失,
这时候我们就想到使用一个事件。
1.一般第一感觉都想用onchange事件,但是这个事件有一个比较大的缺点就是,你改变了输入框的内容,但是只有这个输入框失去焦点的时候才触发这个事件。
用onkeyup或onkeydown事件能实现差不多的效果,但是只要你按键盘上的键就会触发此事件。。。
2.所以,目前比较完美的世界方案如此:使用oninput事件(除ie以外的浏览器都支持,在value值改变时触发)和onpropertychange(ie支持,任何属性改变都会触发)
一般都这么用
$("#id").bind("input propertychange",function(){ ........ //这儿写触发事件后所执行的函数体 });oninput与onpropertychange失效的情况:
(1)oninput事件:a). 当脚本中改变value时,不会触发;b). 从浏览器的自动下拉提示中选取时,不会触发。
(2)onpropertychange事件:当input设置为disable=true后,onpropertychange不会触发。
相关文章推荐
- jquery实现input输入框实时输入触发事件代码
- jquery实现input输入框实时输入触发事件
- JQuery输入框中输入内容改变事件
- angular输入框内容复制、剪切、粘贴事件触发
- jquery实现输入框实时输入触发事件代码
- jquery实现input输入框实时输入触发事件
- 开发日志:js当文本框输入非中文字符时,提示只能输入中文并将非中文字符清空【兼容IE、FF,适用于当文本框内容改变就立刻触发事件的其他功能性需求】
- jquery实现input输入框实时输入触发事件代码
- jquery实现input输入框实时输入触发事件
- jquery实现input输入框实时输入触发事件代码
- 安排不好程序,要求给输入框内容赋值时触发事件
- input输入框file类型选择同样输入框第二次不触发onchange事件的解决办法
- JavaScript 输入内容就触发事件
- jquery实现input输入框实时输入触发事件代码 ---jQuery 中bind(),live(),delegate(),on() 区别
- 有关input输入框内容改变后的触发事件
- 修改select标签为可输入内容的input标签,同时在首次点击第一个下拉框时也会触发onchange事件
- 使用jquery对输入框内容设置自动校验,只允许数字的输入
- 如何在点击特定数据时,不触发输入框失去焦点事件
- IE 7 经典 bug html 标签没有内容 不能触发事件
- input标签内容改变的触发事件