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();}})"

My97日期控件API

5.注意

input标签 onchange IE 8好像是不行的， input不要用这个onchange ，其他的普通input场景一般用onblur

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/126892.html原文链接：https://javaforall.cn