首页 > 其他 > 详细

IE10 以下版本完美支持 placeholder 特性

时间:2015-01-23 11:19:14      阅读:115      评论:0      收藏:0      [点我收藏+]

直接上代码,需要引入 Jquery

$(function () {
    //浏览器不支持 placeholder 时才执行
    if (!('placeholder' in document.createElement('input'))) {
        $('[placeholder]').each(function () {
            var $tag = $(this); //当前 input
            var $copy = $tag.clone();   //当前 input 的复制
            $copy.css("color", "#999");
            $copy.val($copy.attr('placeholder'));
            $copy.focus(function () {
                if (this.value == $copy.attr('placeholder')) {
                    this.value = '';
                    this.style.color = '#000';
                }
            });
            $copy.blur(function () {
                if (this.value=="") {
                    this.value = $copy.attr('placeholder');
                    $tag.val("");
                    this.style.color = '#999';
                } else {
                    $tag.val(this.value);
                }
            });
            $tag.hide().after($copy.show());    //当前 input 隐藏 ,具有 placeholder 功能js的input显示
        });
    }
});


IE10 以下版本完美支持 placeholder 特性

原文:http://blog.csdn.net/luofeng0710/article/details/43051647

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!