jquery input placeholder支持兼容ie7，ie8

谁践踏了优雅 2022-07-14 14:55 270阅读 0赞

<input type="text" placeholder="搜索产品名称"/>
    <input type="password" placeholder="密码"/>

/*
     * jQuery placeholder, fix for IE6,7,8,9
     * @author byh
     */
    var JPlaceHolder = {
        //检测
        _check : function(){
            return 'placeholder' in document.createElement('input');
        },
        //初始化
        init : function(){
            if(!this._check()){
                this.fix();
            }
        },
        //修复
        fix : function(){
            jQuery(':input[placeholder]').each(function(index, element) {
                var self = $(this), txt = self.attr('placeholder');
                self.wrap($('<div></div>').css({position:'relative', zoom:'1', border:'none', background:'none', padding:'none', margin:'none'}));
                var pos = self.position(), h = self.outerHeight(true), paddingleft = self.css('padding-left');
                var holder = $('<span></span>').text(txt).css({position:'absolute', left:pos.left, top:pos.top, height:h, lienHeight:h, paddingLeft:paddingleft, color:'#aaa'}).appendTo(self.parent());
                self.focusin(function(e) {
                    holder.hide();
                }).focusout(function(e) {
                    if(!self.val()){
                        holder.show();
                    }
                });
                holder.click(function(e) {
                    holder.hide();
                    self.focus();
                });
            });
        }
    };
    //执行
    jQuery(function(){
        JPlaceHolder.init();    
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，270人围观）

还没有评论，来说两句吧...

相关阅读

相关 IE8如何兼容placeholder解决方案

IE8如何兼容placeholder解决方案 ie8和ie9中会出现placeholder不兼容的问题。原因：placeholder是h5的新属性，IE10以前的浏览

傷城~/ 2023年05月28日 05:02/ 0 赞/ 17 阅读

相关老生常谈IE兼容性：ie6 javascript:void(0)、IE7 input透明、IE8 jquery动态加载css

这年头依旧有人坚守IE6阵营，为什么呢？人家客户说单位以前系统必须用IE6没办法升级，这理由还真充分！一、IE6 对javascript:void(0)的支持问题：<a

待我称王封你为后i/ 2022年09月18日 13:56/ 0 赞/ 172 阅读

相关 IE6、IE7、IE8的CSS、JS兼容

Internet Explorer 6中查看使用 Microsoft JScript 的网页，可能会遇到web浏览器速度较慢的性能问题。原因是如果js脚本同时创建大量变量，js

ゝ一世哀愁。/ 2022年08月09日 15:55/ 0 赞/ 354 阅读

相关 IE（IE6/IE7/IE8）支持HTML5标签

让IE（ie6/ie7/ie8）支持HTML5元素，我们需要在HTML头部添加以下 JavaScript，这是一个简单的document.createElement声明，利用条

向右看齐/ 2022年07月16日 11:47/ 0 赞/ 346 阅读

相关 jquery input placeholder支持兼容ie7，ie8

<input type="text" placeholder="搜索产品名称"/> <input type="password" placeholder="密码

谁践踏了优雅/ 2022年07月14日 14:55/ 0 赞/ 271 阅读

相关 jquery input placeholder支持兼容ie7，ie8

<input type="text" placeholder="搜索产品名称"/> <input type="password" placeholder="密码

ゞ浴缸里的玫瑰/ 2022年07月14日 14:55/ 0 赞/ 335 阅读

相关兼容IE7、IE8、IE9的input type="number"插件

IE11版本好像才兼容input type=”number”，但是现在Win7版本操作系统下，很多人的IE版本都是IE7/8/9，所以为了体验就自己写了一个小插件，支持设置最大

た入场券/ 2022年07月12日 08:28/ 0 赞/ 275 阅读

相关 IE8兼容IE7的方法

在Head中加入 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 还有一种方法是针对整个网

﹏ヽ暗。殇╰゛Y/ 2022年07月10日 04:06/ 0 赞/ 279 阅读

相关 IE8 支持jquery

IE8 支持jquery <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

系统管理员/ 2022年05月31日 23:55/ 0 赞/ 302 阅读

相关 IE8兼容textarea的placeholder属性

placeholder属性树html5提出的新属性，作用是为input框或textarea框添加初始提示内容。当控件获取焦点输入时，清空提示内容。但IE8及其以下的版本并不支持

╰+攻爆jí腚メ/ 2022年05月15日 03:13/ 0 赞/ 303 阅读