HTML元素的onpropertychange的作用

      最近在做一个.NET项目的时候,需要响应TextBox控件的OnTextChange事件,但遇到的一个问题是:当我通过页面上的javascript来改变TextBox控件值的时候,并不触发OnTextChange。也就是我们通过程序而不是通过页面响应,为TextBox改变值,这时候OnTextChange是不起作用的。

      想了想,TextBox扔到页面上之后最终也就是html的input元素,而input的onchange在属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件,原来如此。后来查了查资料,可以用onpropertychange来解决。在IE下,当一个HTML元素的属性改变的时候,都能通过onpropertychange来捕获。

      举一个常见的例子:

      请输入图片地址: <input type="text" name="mytext" value="" onpropertychange="document.images['img'].src=this.value;" /> <img id="myimg" src="/img/common/logo.gif" alt="" />

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

     

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值