input缓存中选值事件触发

现在浏览器都会缓存一些input框输入的内容，这些内容只是为了以后填写方便，一般是点击两次input框就会显示像下拉框一样的选项框，但在这个框里选择的值被填充到input框中时不会触发chang,focus,blur,click,dblclick等常用事件，如果需要当用户选择缓存中的某一个缓存项时触发一个事件，用于提取数据或其它操作时常规事件是做不到的。

后来找了一些文档找到了几个不常用或者是专用性的事件：

oninput和onpropertychange

oninput 事件是当input元素的value值发生变化时就触发【只针对inpu（textarea）的value属性】

onpropertychange 事件是当dom元素的属性值发生变化时就触发【针对整个dom节点】

这两个属性虽然主要的目的不一样，但用于触发input框缓存选择很有用。

只是这两个事件有兼容问题

oninput 事件则支持FF/Opera/Safari/NetScape

onpopertychange 事件只在IE下才有效

所以在正常使用中会把两个事件同时添加，

使用JQuery时：$('input').bind('input propertychange',function(){alert(this.value)});

使用元素事件属性：

document.getElementById('input').οninput=function(){alert(this.value)}

document.getElementById('input').onpopertychange=function(){alert(this.value)}

注意：onchange事件是只有当元素失去焦点且值变化时才会触发，对于缓存选择中填充值是无效的即使失去焦点

转载于:https://blog.51cto.com/php2012web/1579960

input缓存中选值事件触发相关推荐

JS改变input的value值不触发onchange事件解决方案（转）
JS改变input的value值不触发onchange事件解决方案 (转) 参考文章: (1)JS改变input的value值不触发onchange事件解决方案 (转) (2)https://www. ...
java textvaluechanged 全选删除不触发_js动态改变input的值不触发input的change事件的解决办法...
看了网上的资料也比较杂,自己也做一个整理共享一下解决方案 1.原生js的改变之后手动添加监听 1 2 3 var ttt = document.getElementById("ttt&quo ...
onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法(设置readonly后onchange不起作用的解决方案)
onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法(设置readonly后onchange不起作用的解决方案) 参考文章: (1)onchange监听inpu ...
iframe页面改动parent页面的隐藏input部件value值，不能触发change事件。
实现一个依据iframe页面返回充值卡类型不同,安排不同的input部件. 点击选择弹出一个iframe.点击充值卡数据行.返回1.充值卡类型.2.充值卡id(用的UUID).3.充值卡号(字符串). ...
input type=file change事件只触发一次
javascript 中onchange事件: 当对象的值发生改变的时候才会触发; 即input中value值变化才会触发如要上传两次,清除文件输入值转载于:https://www.cnblogs ...
php如何动态为input赋值,input动态赋值后怎么触发change事件
input经常用的事件有oninput与onchange oninput:事件在用户输入时触发. onchange:事件在内容改变(两次内容有可能还是相等的)且失去焦点时触发但是当我们给元素赋值时并 ...
JQ JS 改变value值不触发change事件
JQ改变value值不触发change事件 Change事件触发有两个必要条件:值改变.失去焦点.所以当使用JQ改变值时,控件没有失去焦点,所以不会触发. 目前验证有效的解决办法,只能是手动触发cha ...
angular监听输入框值的变化_angular 实时监听input框value值的变化触发函数方法
用angulajs + ionic 做了一个登陆页面.效果要通过监听输入框的变化来判断登陆按钮是否可点击.当至少一个输入框为空时登录按钮不可点击.一开始是用的jquery的方法做的,后来发现刷新当前页 ...
python事件触发机制_Python3-事件驱动、IO模型和触发方式
事件驱动模型传统编程线性模型开始 ----> 代码块A ---->代码块B ---->代码块C ...... 结束每个代码块都有各自实现的功能,按照条件语句顺序判断执行,每一次 ...

input缓存中选值事件触发

input缓存中选值事件触发相关推荐

最新文章

热门文章