使IE支持placeholder

最新推荐文章于 2025-09-05 08:42:59 发布

转载最新推荐文章于 2025-09-05 08:42:59 发布 · 57 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/paul-myweb/p/5249853.html

文章标签：

#前端 #ViewUI

本文提供了一段JavaScript代码，用于解决IE8不支持HTML5表单属性placeholder的问题，使得该属性能够在包括IE8在内的现代浏览器中正常工作。

Html5的表单添加了许多给力的属性，其中输入框的placeholder便是很赞的属性！现代浏览器大多都支持这个属性，但IE8。。。。好吧，前端的童鞋们总会想出各种姿势对付IE的~_~

//使IE支持placeholder
	if( !('placeholder' in document.createElement('input')) ){
		$('input[placeholder]').each(function(){
			var that = $(this),
				text= that.attr('placeholder');
			if(that.val() === ""){
				that.val(text);
			}
			that.focus(function(){
				if(that.val() === text){
					that.val("");
				}
			}).blur(function(){
				if(that.val() === ""){
					that.val(text);
				}
			}).closest('form').submit(function(){
				if(that.val() === text){
					that.val('');   
				}
			});
		});
	}

　加上这一段代码，试试看，你的IE8是不是被你征服了~　

转载于:https://www.cnblogs.com/paul-myweb/p/5249853.html