码迷,mamicode.com
首页 > Web开发 > 详细

html5 placeholder ie10以下不兼容

时间:2015-01-27 13:18:10      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:


/*html5 placeholder ie10以下不兼容
加上这个jquery代码可以解决兼容*/

$(function(){
if(!placeholderSupport()){   // 判断浏览器是否支持 placeholder
    $(‘[placeholder]‘).focus(function() {
        var input = $(this);
        if (input.val() == input.attr(‘placeholder‘)) {
            input.val(‘‘);
            input.removeClass(‘placeholder‘);
        }
    }).blur(function() {
        var input = $(this);
        if (input.val() == ‘‘ || input.val() == input.attr(‘placeholder‘)) {
            input.addClass(‘placeholder‘);
            input.val(input.attr(‘placeholder‘));
        }
    }).blur();
};
})
function placeholderSupport() {
    return ‘placeholder‘ in document.createElement(‘input‘);
}

  工作总结,有不对之处理解,谢谢。

html5 placeholder ie10以下不兼容

标签:

原文地址:http://www.cnblogs.com/Angelinvestment/p/4252504.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!