有关onpropertychange事件
当一个HTML元素的属性用js改变的时候,都能通过 onpropertychange来捕获。例如一个 <input name="text1" id="text1" />对象的value属性被页面的脚本修改的时候,onchange无法捕获到,而onpropertychange却能够捕获。
也就是说:onpropertychange事件在用键盘每改变一下文本框的值或用js改变其值便会触发一下,而onchange只有在用键盘改变其值,然后在失去焦点(onblur)后才触发,用js改变其值不能触发!onpropertychange和onchange都不管文本框中的实际值有没有变,只要有改的相应操作就可能触发。有时当上面两时间都不能满足需求时,可以考虑只用onblur。 还有一点要注意到,当onblur和onchange事件一起用时,onblur会出问题。。。。
最近用onpropertychange做了一个效果,很好用。 点击一个复选框让其他复选框全选中。 ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() 计算输入数字的个数,然后显示剩余可输入字数的个数:
<tr valign=middle>
<TD bgcolor=#ffffff colspan=3 valign=top> 项目概述:<textarea name=xmgs rows=3 cols=90 class=input1 onPropertyChange= "textCounterXmgs(form1.xmgs, 100) "> </textarea> 剩余字数: <input name=remLenXmgs type=text id= "remLenXmgs " style= "background-color: #D4D0C8; border: 0; color: red " value=100 size=3 maxlength=3 readonly> </TD> </tr> function textCounterXmgs(field, maxlimit) { if (field.value.length > maxlimit){ field.value = field.value.substring(0, maxlimit); }else{ document.form1.remLenXmgs.value = maxlimit - field.value.length; } } |