首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

onchange与onpropertychange的联系与区别

2013-01-25 
onchange与onpropertychange的联系与区别!先看这么一段解释:当一个HTML元素的属性改变的时候,都能通过onpr

onchange与onpropertychange的联系与区别!

先看这么一段解释:
当一个HTML元素的属性改变的时候,都能通过onpropertychange来捕获。例如一个<input name="text1" id="text1" />对象的value属性被页面的脚本修改的时候,onchange无法捕获到,而onpropertychange却能够捕获。

具体理解为:onpropertychange能及时捕获属性值的变化,而onchange在属性值改变时只有通过鼠标执行某些操作才能激活该事件!
如:

onchange与onpropertychange的联系与区别请输入图片地址:<input?type="text"?name="myface"?size="30"?value=""?onpropertychange="document.images['face'].src=this.value;"><br><br>
onchange与onpropertychange的联系与区别<img?id="face"?src="/img/common/logo.gif"?border=""?alt="">

当text框中的内容被改变时,图片就会立刻被显示出来。而如果用onchange时,改变其值时还需用鼠标单击空白或其他地方才能激活该事件,图片显示才会被改变!

热点排行