firefox oninput事件对应IE onpropertychang事件
浏览器如何捕获输入控件正在输入的内容,onblur事件需要输入控件失去焦点后才能出发,有些时候又不希望用onkeydown或者onkeyup,这是考虑onpropertychange【IE】或者oninput【firefox】事件,能够捕获每次输入值的变化。
firefox的oninput还是不如IE浏览器下的onpropertychange事件好用,firefox下用JavaScript脚本设置输入控件的值并不会触发oninput事件,IE浏览器则会触发onpropertychange事件。
需要注意的是firefox下的oninput事件一定要addEventListener来添加,直接obj.oninput没有效果。
示例代码如下
原创文章,转载请注明出处:firefox oninput事件对应IE onpropertychang事件
firefox的oninput还是不如IE浏览器下的onpropertychange事件好用,firefox下用JavaScript脚本设置输入控件的值并不会触发oninput事件,IE浏览器则会触发onpropertychange事件。
需要注意的是firefox下的oninput事件一定要addEventListener来添加,直接obj.oninput没有效果。
示例代码如下
+展开
-HTML
<html>
<head>
<script type="text/javascript">
var txt
window.onload = function () {
txt = document.getElementById('txt');
txt.onpropertychange = function () {
alert(this.value)
}
if (txt.addEventListener) txt.addEventListener('input', function () { alert(this.value) }, false);
}
setTimeout(function () { txt.value = new Date().toLocaleDateString(); }, 2000);
</script>
</head>
<body>
<input type="text" id="txt" />
</body>
</html>
<head>
<script type="text/javascript">
var txt
window.onload = function () {
txt = document.getElementById('txt');
txt.onpropertychange = function () {
alert(this.value)
}
if (txt.addEventListener) txt.addEventListener('input', function () { alert(this.value) }, false);
}
setTimeout(function () { txt.value = new Date().toLocaleDateString(); }, 2000);
</script>
</head>
<body>
<input type="text" id="txt" />
</body>
</html>
加支付宝好友偷能量挖...
原创文章,转载请注明出处:firefox oninput事件对应IE onpropertychang事件