今天再做上传图片时候遇到了一个JS 图片预览问题

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

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

如：

请输入图片地址：<input type="text" name="myface" size="30" value="" onpropertychange="document.images['face'].src=this.value;"><br><br>

<img id="face" src="/img/common/logo.gif" border="" alt="">

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