用jQuery解决input中placeholder值在ie中无法支持的问题

[ 2013-11-30 10:30:11 | 作者: admin ]

字号: 大 | 中 | 小

ie中不支持input的表单项目提示，用jQuery解决input中placeholder值在ie中无法支持的问题

$(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');
}

[最后修改由 admin，于 2013-11-30 10:33:10]