onpropertychange兼容示例

最新推荐文章于 2021-11-12 15:58:32 发布

原创最新推荐文章于 2021-11-12 15:58:32 发布 · 387 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个简单的网页应用，用于实时显示用户输入文本的长度。通过检测输入框内文本的变化，并利用JavaScript更新页面上的显示信息。该应用兼容IE及非IE浏览器（如Firefox），并在不同浏览器环境下采用不同的事件监听方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<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>