解决IE浏览器input兼容placeholder问题

qq_蚊子

于 2020-11-24 18:34:26 发布

阅读量500

点赞数

文章标签： javascript jquery

本文链接：https://blog.csdn.net/qq_286260460/article/details/110090462

版权

本文介绍如何解决IE浏览器中input元素的placeholder属性不兼容的问题，提供了一种基于jQuery的JavaScript实现方案。

摘要由CSDN通过智能技术生成

我们做兼容IE、谷歌浏览器页面时时常遇到一些效果不兼容的情况，本文针对IE浏览器下input 的placeholder属性不生效问题找到一个js方案，此案例采用Jquery方式实现，具体代码如下:

//解决IE input兼容placeholder  //使用方法  $("input").placeholder();
;(function ($) {
   
    $.fn.placeholder = function (options) {
   
        var opts = $.extend({
   }, $.fn.placeholder.defaults, options);
        var isIE = document.all ? true : false;
        return this.each(function () {
   
            var _this = this,
                placeholderValue = _this.getAttribute("placeholder"