有关onpropertychange事件
当一个HTML元素的属性用js改变的时候,都能通过 onpropertychange来捕获。例如一个 <input name="text1" id="text1" />对象的value属性被页面的脚本修改的时候,onchange无法捕获到,而onpropertychange却能够捕获。
也就是说:onpropertychange事件在用键盘每改变一下文本框的值或用js改变其值便会触发一下,而onchange只有在用键盘改变其值,然后在失去焦点(onblur)后才触发,用js改变其值不能触发!onpropertychange和onchange都不管文本框中的实际值有没有变,只要有改的相应操作就可能触发。有时当上面两时间都不能满足需求时,可以考虑只用onblur。
还有一点要注意到,当onblur和onchange事件一起用时,onblur会出问题。。。。
最近用onpropertychange做了一个效果,很好用。 点击一个复选框让其他复选框全选中。
<table width="60%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr> <td> <input type="checkbox" name="cheeckbox1" id="cheeckbox1" onpropertychange="checkbox2.checked=this.checked;checkbox3.checked=this.checked;checkbox4.checked=this.checked;checkbox5.checked=this.checked;"/> 1 </td> <td> </td> </tr> <tr> <td> <input type="checkbox" name="checkbox2" id="checkbox2" /> 2</td> <td> </td> </tr> <tr> <td> <input type="checkbox" name="checkbox3" id="checkbox3" /> 3</td> <td> </td> </tr> <tr> <td> <input type="checkbox" name="checkbox4" id="checkbox4" /> 4</td> <td> </td> </tr> <tr> <td> <input type="checkbox" name="checkbox5" id="checkbox5" /> 5</td> <td> </td> </tr> </table>
计算输入数字的个数,然后显示剩余可输入字数的个数:
<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; } } |