您的位置:首页 > Web前端 > HTML5

html5下input的placeholder标签兼容ie9

2016-12-27 17:02 537 查看
if (!!window.ActiveXObject || "ActiveXObject" in window)  { //判断在ie下执行

    $(function(){

jQuery('[placeholder]').focus(function() {

  var input = jQuery(this);

  if (input.val() == input.attr('placeholder')) {

    input.val('');

    input.removeClass('placeholder');

  }

}).blur(function() {

  var input = jQuery(this);

  if (input.val() == '' || input.val() == input.attr('placeholder')) {

    input.addClass('placeholder');

    input.val(input.attr('placeholder'));

  }

}).blur().parents('form').submit(function() {

  jQuery(this).find('[placeholder]').each(function() {

    var input = jQuery(this);

    if (input.val() == input.attr('placeholder')) {

      input.val('');

    }

  })

});
    })

}

css文件里需要增加   .placeholder{color:#a9a9a9;}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: