css3新属性placeholder兼容ie7/ie8

本文主要是介绍css3新属性placeholder兼容ie7/ie8，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

IE7和IE8发布时间较早，而且微软老版本浏览器支持一向不好，css3的新属性placeholder在IE7和IE8上完全不支持（本人已完全放弃IE6），为了让IE7和IE8也能够用上如此好用的css3新属性，写了一个插件来做下兼容。

此插件原理很简单，运用blur和focus和keyup等事件来设置input的value或者textarea的text,以此来模拟placeholder的性能。

 

引用方法：

    <!--[if lt IE 9]>

    <script src="PATH/js/jquery-1.11.3.min.js"></script>

    <script src="PATH/js/placeholder-1.0.js"></script>

    <![endif]-->

    *注：由于需要去对页面中的input[type="text"]和textarea去做事件绑定，所以此js的引用一定要放在</body>之前，即处于body容器的最下面。

 

基本设置：

    <input type="text" placeholder="在这里设置要默认显示的文字">

    <textarea placeholder="在这里设置要默认显示的文字"></textarea>

 

未完善地方：

因模拟正常placeholder功能，当获得焦点的时候，需要让光标定位在第一个字符前面，也就是输入框第一位，此时如果点在所显示的value值上，会有一个光标从所点击的位置移动到第一位的过程，还未想到解决方案，有知道如何解决的请联系我QQ，不胜感激！

插件下载地址： placeholder.1.0.js下载

这篇关于css3新属性placeholder兼容ie7/ie8的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---