关于onpropertychange与oninput的兼容问题

关于onpropertychange与oninput的用法，网上一大堆，但还是有不兼容的时候，比如说，我想计下，一个input的值改变了多少次，如果写成兼容写法就为

<!doctype html>
<html lang="en"> <head> <meta charset="UTF-8"> <title>onpropertychange与oninput事件</title> <script type="text/javascript"> window.onload = function(){ oTxt1 = document.getElementById('input1'); oTxt2 = document.getElementById('input2'); oBtn = document.getElementById('btn'); var i=0; oTxt1.oninput = oTxt1.onpropertychange = function(){ console.log(arguments.length) for(var j = 0; j< arguments.length; j++){ console.log(arguments[j]) } i+=1 oTxt2.value = i } oBtn.onclick = function(event){ var oEvent = window.event || event; oTxt1.setAttribute('good','hello') } } </script> </head> <body> <input type="text" id="input1" placeholder='请输入……'/> <input type="text" id="input2" placeholder='请输入……'/> <button value="changeProperty" id="btn">改变属性</button> </body> </html>

onpropertychange中的问题有以下几点,

1.如果设置了onpropertychange，那就改变了元素的一个属性，因此，会自动执行一次;

2.在IE9中，键盘delete删除一个字符，不会触发这个事件;

3.如果动态改变一个input（类似的）的值及属性，会触发两次事件，但可以通过 event 的 propertyName 属性来获取发生变化的属性名称,进而进行下一步操作;

关于onpropertychange与oninput的兼容问题相关推荐

同时绑定onpropertychange 和 oninput 事件，实时检测 input、textarea输入改变事件，支持低版本IE，支持复制粘贴...
实时检测 input.textarea输入改变事件,支持低版本IE,支持复制粘贴检测input.textarea输入改变事件有以下几种: 1.onkeyup/onkeydown 捕获用户键盘输入事件 ...
onchange onpropertychange 和oninput事件的区别
汇总onchange onpropertychange 和oninput事件的区别: 1.onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容 ...
6- js监听输入框值的即时变化onpropertychange、oninput
js监听输入框值的即时变化onpropertychange.oninput 标题: js监听输入框值的即时变化onpropertychange.oninput事件参考: http://m.jb51. ...
onchange onpropertychange 和 oninput 事件的区别
汇总 onchange onpropertychange 和 oninput 事件的区别 1.onchange 事件与 onpropertychange 事件的区别: onchange 事件在内容改变 ...
input 中事件 onchange onpropertychange 和oninput事件的差别
汇总onchange onpropertychange 和oninput事件的差别: 1.onchange事件与onpropertychange事件的差别: onchange事件在内容改变(两次内容有 ...
asp.net监听输入框值的即时变化onpropertychange、oninput
要达到的效果很多情况下我们都会即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感.比如即时显示输入框已经被输入的字节数,或者即时读取输入的值来进行搜索引导,也就是google的 ...
onchange、onpropertychange、oninput和onblur
一.onchange发生有两个条件: 1.元素的属性(value)改变了: 2.元素失去焦点. 注:通过js修改元素的value不能触发onchange,只能通过键盘和鼠标修改的才有效. 二.onpr ...
onchange、onpropertychange和oninput
1.onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容有可能还是相等的)且失去焦点时触发:onpropertychange事件却是实时触发, ...
oninput,onpropertychange,onchange的用法和区别
1.前言由于工作需要,需实现一个类似于微博输入框的功能,在用户动态输入文字的时候,修改提示"您还可以输入XX字".如下图所示: 因此,稍微研究了一下oninput,onprope ...
oninput,onpropertychange,onchange的使用方法和差别
1.前言因为工作须要,需实现一个相似于微博输入框的功能,在用户动态输入文字的时候,改动提示"您还能够输入XX字".例如以下图所看到的: 因此,略微研究了一下oninput,onp ...

关于onpropertychange与oninput的兼容问题

关于onpropertychange与oninput的兼容问题相关推荐

最新文章

热门文章