onchange 兼容性代码
2012-09-27 15:01
148 查看
if(navigator.userAgent.indexOf("MSIE")>0){
}else if(navigator.userAgent.indexOf("")){}
}else if(navigator.userAgent.indexOf("")){}
<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>
<html> <body> <div>oninput测试</div> <div id="testdiv"><input id='tx1' name="tx1" value="" /></div> </body> </html> <script language="JavaScript"> <!-- function getOs(){//判断浏览器类型 var OsObject = ""; if(navigator.userAgent.indexOf("MSIE")>0) { return "MSIE"; } if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ return "Firefox"; } if(isSafari=navigator.userAgent.indexOf("Safari")>0) { return "Safari"; } if(isCamino=navigator.userAgent.indexOf("Camino")>0){ return "Camino"; } if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){ return "Gecko"; } } if(navigator.userAgent.indexOf("MSIE")>0){ document.getElementById('tx1').attachEvent("onpropertychange",txChange); }else if(navigator.userAgent.indexOf("Firefox")>0){ document.getElementById('tx1').addEventListener("input",txChange2,false); } function txChange(){ alert("testie"); } function txChange2(){ alert("testfirefox"); } </script>
相关文章推荐
- 这样去写你的 HTML 让你的代码更好的兼容性
- js常见兼容性问题举例包含完整代码
- 兼容性背景颜色半透明CSS代码(不影响内部子元素)
- 一份老外写的XMLHttpRequest代码多浏览器支持兼容性
- ios代码拨打电话时,电话号码格式兼容性处理问题
- 兼容性最强的PHP生成缩略图的代码
- ios代码拨打电话时,电话号码格式兼容性处理问题:
- JavaScript获取onclick、onchange等事件值的代码
- Ajax创建XMLHttp对象的完美兼容性代码
- ie8 自动设置 兼容性 代码
- 一款兼容性好,自动变化的javascript 祝贺词代码(根据不同的节日自动显示不同的祝贺词)
- 编写兼容性JS代码
- opacity--css + javascript兼容性代码
- 非常实用的Junit3与Junit4 测试 以及两者平滑过渡(高兼容性)实例代码
- WebSocket 学习笔记--IE,IOS,Android等设备的兼容性问题与代码实现
- 加入收藏 兼容性较好的 代码 兼容ie firefox chrome(经过测试 该代码无效)
- TextArea设置MaxLength的代码(未测试在不同浏览器下的兼容性)
- 检测document.getElementsByClassName 兼容性代码
- 兼容ffIE678 hack(IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例)
- 疯狂基础之 常用IOS 兼容性调整代码 4.3-5.0-6.0