PlaceHolder 兼容性解决方法

PlaceHolder 是HTML5新增的属性，在IE9及以下IE浏览器中不支持。网上也有请多解决方法，都比较麻烦，今天和大家分享一个好方法：

var name = "searchKeywords";
	var input = document.getElementById(name);
	var searchKeywordsDefult = $(input).attr("placeholder");
	var searchKeywords = $(input).val();
	var notSupport = ('placeholder' in input);
	if(notSupport === false){
		$(input).bind("focus", onfocusKeywords);
		$(input).bind("blur", unfocusKeywords);
		$(document).ready(function(){
			if(searchKeywords == ""){
				$(input).val(searchKeywordsDefult);
			}
			if(searchKeywords != searchKeywordsDefult){
				$(input).css("color","black");
			}
		});
	}
	//searchKeywords失去焦点
    function unfocusKeywords(){	
	if($(input).val() == ""){
		$(input).val(searchKeywordsDefult);
	}
	}
	//searchKeywords获得焦点
	function onfocusKeywords(){
		if($(input).val() == searchKeywordsDefult){
			$(input).val("");
		}

}

原理：首页判断是否支持placeHolder，如果不支持，再设置值，通过获得焦点、失去焦点进行控制。