checkbox无法立即实现onchange的两种替代方法(onchange和onpropertyc

转载自：http://www.cnblogs.com/blueyund/articles/1250986.html



例如<input type="checkbox" onchange="alert(this.value)" value="haha">,在IE下必须点击一下页面空白的地方才可以激活onchange事件，替换的两种方法
1、<input type=checkbox onclick="alert(this.value)" value=huerreson>
2、<input type=checkbox onpropertychange="alert(this.value)" value=huerreson>





IE下，当一个HTML元素的属性改变的时候，都能通过 onpropertychange来捕获。例如一个

<input name="text1" id="text1" />

对象的value属性被页面的脚本修改的时候，onchange无法捕获到，而onpropertychange却能够捕获。
也就是说：onpropertychange能及时捕获属性值的变化，而onchange在属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件！
如：



例1：
请输入图片地址： <input type="text" name="mytext" size="10" value="" onpropertychange="document.images['myimg'].src=this.value;" /> <img id="myimg" src="/img/common/logo.gif" alt="" />
当text框中的内容被改变时，图片就会立刻被显示出来。而如果用onchange时，改变其值时还需用鼠标单击空白或其他地方使input元素失去焦点(onblur)才能激活该事件，图片显示才会被改变！






例2：
<INPUT id="image" style="WIDTH: 448px; HEIGHT: 22px"     onpropertychange="preview.src=image.value" type="file" size="55" name="File1" runat="server">

<IMG id="preview" height="170" alt="" src="" width="256">