`
bolinyang
  • 浏览: 74348 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

jQuery模拟placeholder属性

阅读更多
一.概述
在使用HTML的input元素时,经常会用到placeholder属性。但是IE8不支持这个placeholder属性,有点悲催,只能使用js来模拟这个placeholder了

二.模拟placeholder的js代码
if(!$.support.placeholder) {
	var els = $('input[placeholder],textarea[placeholder]');
	els.each(function(i, el) {
		el = $(el);
		var defValue = el.attr('placeholder'),
			defColor = el.css('color');
		el.bind('focus',function() {
			if(this.value === '' || this.value === defValue) {
				$(this).css('color', defColor);
				this.value = '';
			}
		});
		el.bind('blur',function() {
			if(this.value === '' || this.value === defValue) {
				$(this).css('color','#aaa');
				this.value = defValue;
			}
		});
		el.triggerHandler('blur');

		el.closest('form').submit(function(){
			var val = el.val();
			if(val === defValue){
				el.val('');
			}
		});
	});
}
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics