A JavaScript Fancier

伟大的javascript技术研究中...

  IT博客 :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  304 随笔 :: 0 文章 :: 479 评论 :: 0 Trackbacks




先看这么一段解释:
当一个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时,改变其值时还需用鼠标单击空白或其他地方才能激活该事件,图片显示才会被改变!

posted on 2006-08-19 17:30 Yemoo'S JS Blog 阅读(16017) 评论(9)  编辑 收藏 引用 所属分类: javascript技巧总结

评论

# re: onchange与onpropertychange的联系与区别! 2007-08-06 10:09 fedora
不错. 我以前经常用onchange+onKeyUp  回复  更多评论
  

# re: onchange与onpropertychange的联系与区别! 2007-11-04 13:26 cjm8858
谢谢,我才知道还能这样  回复  更多评论
  

# re: onchange与onpropertychange的联系与区别! 2008-04-14 16:43 flat
good thank u!!!  回复  更多评论
  

# re: onchange与onpropertychange的联系与区别! 2008-05-07 09:31 zcl
谢谢,相当不错!  回复  更多评论
  

# re: onchange与onpropertychange的联系与区别! 2008-05-22 14:14
不错.. 那不可以做上传图片预览  回复  更多评论
  

# re: onchange与onpropertychange的联系与区别! 2008-10-22 17:46 しゅさn
ありがとございます!  回复  更多评论
  

# re: onchange与onpropertychange的联系与区别! 2009-07-15 19:16 zhangsns
FF中好像不能使用吧,楼主注意了吗?
  回复  更多评论
  

# re: onchange与onpropertychange的联系与区别![未登录] 2009-09-15 14:45 张浩
用这个可以做图片的即时预览!  回复  更多评论
  

# re: onchange与onpropertychange的联系与区别! 2010-12-02 16:25 re
值改变后调用,还是值改变前先调用?我的测试是值改变前就去调用函数了,得不到及时信息  回复  更多评论
  

只有注册用户登录后才能发表评论。