IE8的input兼容性问题

Posted To be better

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IE8的input兼容性问题相关的知识,希望对你有一定的参考价值。

在chrome、firefox、IE9+都是支持input事件

 

在IE8中,单纯的input事件无法监听输入框中变化,需要与propertychange共用

 

测试代码如下:

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <script src="jquery-1.11.3.js"></script>
 6         <title></title>
 7     </head>
 8     <body>
 9         <input type="text" placeholder="请输入内容"/>
10         <input type="text" id="txtInput"/>
11         <script>
12             //IE9+、chrome、firefox
13             $("#txtInput").bind("input",function(e){  // propertychange
14                 alert(111);
15             });
16             //IE8
17             $("#txtInput").bind("input propertychange",function(e){
18                 alert("输入框有变化。。");
19             });
20         </script>
21     </body>
22 </html>

 

以上是关于IE8的input兼容性问题的主要内容,如果未能解决你的问题,请参考以下文章

ie8兼容问题

input文字垂直居中和按钮对齐问题,兼容IE8

input 的 placeholder属性在IE8下的兼容处理

关于input标签和placeholder在IE8,9下的兼容问题

兼容IE8 input的placeholder的文字显示

使用jQuery制作input提示内容,兼容IE8以上