大家好，又见面了，我是你们的朋友全栈君。
onpropertychange替代方案
onpropertychange替代方案
1.onpropertychange的介绍
onpropertychange事件就是property(属性)change(改变)的时候，触发事件。
这是IE专有的！
如果想兼容其它浏览器，有个类似的事件，oninput！
可能大家会想到另外一个事件：onchange。
但是，onchange有两个弊端。
一、就是它在触发对象失去焦点时，才触发onchange事件。
二、如果得用javascript改变触发对象的属性时，并不能触发onchange事件，oninput也有这个问题。
onpropertychange会在设置disable=true的时候失效。而且，onpropertychange是在触发对象改变任何属性时都会触发。而oninput只是在改变input的value值时才触发。
oninput 事件：不但JS 改变 value 值时不能触发，有从浏览器的自动下拉提示中选值时，也不会触发。
onpropertychange触发函数只有一个默认参数，是所以可以触发属性的集合
2.onclick，onchange替代onpropertychange，但是都有一定的弊端
3.当遇到 input type=“hidden” ,有熟知的两种方法。
（1）使用js，手动触发，例如trigger，或者在改变的后面跟一个要触发的方法
（2）使用定时器，当场景比较复杂的时候使用，但也存一定的弊端
<input type="hidden" name="nba" id="nba" value="<%=nba %>" class="changeData" changeFunc=change("nba") tempVal="">
<input type="hidden" id="cba" name="cba" value="<%=cba %>" class="changeData" changeFunc=change("cba") tempVal="">
setInterval("monitorChange()",1000);
function monitorChange(){
$(".changeData").each(function () {
var changeFunc = $(this).attr("changeFunc");
if (changeFunc) {
var tempval = $(this).attr("tempVal");
var val = $(this).val();
if (tempval != val) {
eval(changeFunc);
}
$(this).attr("tempVal", val);
}
})
}
4. 如果日期控件使用Wdatepicker97，可以使用onpicked和oncleared来替代onpropertychange
onClick="WdatePicker({minDate:'#F{$dp.$D(\'rq\')}',onpicked: function(){rq();},oncleared: function(){rq();}})"
5.注意
input标签 onchange IE 8好像是不行的，
input不要用这个onchange ，其他的普通input场景一般用onblur
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/126892.html原文链接：https://javaforall.net
