onchange,onpropertychange,oninput在ie和火狐下的用法

发布时间:2011年03月07日 / 分类:网络编程 / 17,530 次围观 / 抢沙发!

onpropertychange=“function  c()” 坚持文本框的值发生改变,在ie下很好用,但是在firefox下就不起作用了。

平时购物编程经常用道,网上给出很多很好的解决方法,下边这个是很好的一个。

<div>oninput测试</div>
<div id="testdiv"><input id='tx1' name="tx1" value="" /></div>
</body>
</html>
<div id="msg"></div>
<input id='txt' value="" />
<script>
//当状态改变的时候执行的函数
function handle()
{document.getElementById('msg').innerHTML='输入的文字长度为:'+document.getElementById('txt').value.length;
}
//firefox下检测状态改变只能用oninput,且需要用addEventListener来注册事件。
if(/msie/i.test(navigator.userAgent))    //ie浏览器
{document.getElementById('txt').onpropertychange=handle
}
else
{//非ie浏览器,比如Firefox
document.getElementById('txt').addEventListener("input",handle,false);
}
</script>

其实看什么场合,

onchange,onpropertychange,oninput在ie和火狐下的用法



onchange 常常用在下拉菜单改变选项值的时候用。

当文本框的值改变时,不能直接用onchange,因为必须失去焦点那一刻才开始执行。这时候可以选用onpropertychange,但火狐浏览器不支持onpropertychange,火狐浏览器支持oninput

如果用onkeyup(当按键弹起时候激活事件),则可以代填上面三个事件。

合理的选用相关事件,可以让页面编程更加有效率。。

标签:网站, html

赞 (1) 本文链接: http://www.xiangguoqi.cn/read/239.html [复制分享 ](转载时请保留 )



↑上一篇:php 页面传值乱码问题
↓下一篇:不要小看问答式推广 无觅关联推荐,快速提升流量
热评文章
默认:长尾词库
猜你喜欢
文章分类
最新文章
最近回复
    岁月痕迹