有关onpropertychange事件
当一个HTML元素的属性用js改变的时候,都能通过 onpropertychange来捕获。例如一个 <input name="text1" id="text1" />对象的value属性被页面的脚本修改的时候,onchange无法捕获到,而onpropertychange却能够捕获。
也就是说:
onpropertychange事件在用键盘每改变一下文本框的值或用js改变其值便会触发一下,而onchange只有在用键盘改变其值,然后在失去焦点(onblur)后才触发,用js改变其值不能触发!onpropertychange和onchange都不管文本框中的实际值有没有变,只要有改的相应操作就可能触发。有时当上面两时间都不能满足需求时,可以考虑只用onblur。
还有一点要注意到,当onblur和onchange事件一起用时,onblur会出问题。。。。

最近用onpropertychange做了一个效果,很好用。 点击一个复选框让其他复选框全选中。

None.gif  <table width="60%" border="0" align="center" cellpadding="0" cellspacing="0">
None.gif    
<tr>
None.gif      
<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>
None.gif      
<td>&nbsp;</td>
None.gif    
</tr>
None.gif    
<tr>
None.gif      
<td> <input type="checkbox" name="checkbox2" id="checkbox2" /> 2</td>
None.gif      
<td>&nbsp;</td>
None.gif    
</tr>
None.gif    
<tr>
None.gif      
<td> <input type="checkbox" name="checkbox3" id="checkbox3" /> 3</td>
None.gif      
<td>&nbsp;</td>
None.gif    
</tr>
None.gif    
<tr>
None.gif      
<td> <input type="checkbox" name="checkbox4" id="checkbox4" /> 4</td>
None.gif      
<td>&nbsp;</td>
None.gif    
</tr>
None.gif    
<tr>
None.gif      
<td> <input type="checkbox" name="checkbox5" id="checkbox5" /> 5</td>
None.gif      
<td>&nbsp;</td>
None.gif    
</tr>
None.gif  
</table>
 
计算输入数字的个数,然后显示剩余可输入字数的个数:
 <tr valign=middle>
  <TD bgcolor=#ffffff colspan=3 valign=top>
   &nbsp;项目概述:<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;
 }
}