ygtx_oa/shares/js/yw/master1/searchBox.js

/**
 * 搜索框类
 * @type 
 * 页面中要有两个控件：1、搜索文本框(id:searchBox) 2、搜索按钮(id:searchButton)
 */
var searchBox = {
	/**
	 * 默认提示文本
	 * @type String
	 */
	defaultText : "输入标题",
	/**
	 * 初始化搜索框
	 */
	init : function(){
		var searchObj = this.getSearchBox();
		searchObj.addClass("f9");
		if(searchObj.size() != 1)return;
		var txt = searchObj.val();
		if(txt && txt != "")this.defaultText = txt;
		searchObj.bind("click",function(){
			var val = $(this).val();
			if(val == searchBox.defaultText){
				$(this).val("");
			}
		});
		searchObj.bind("blur",function(){
			var val = $(this).val();
			if(val == ""){
				$(this).val(searchBox.defaultText);
			}
		});
		searchObj.keydown(function(e){
			if(e.keyCode==13){
			   if($(".btn_ck").size() == 1){
					$(".btn_ck").click();
				}
			}
		});
		searchObj.val(this.defaultText);
		// 在搜索框前面加入隐藏域，使搜索框不会默认获得焦点
		searchObj.before("<input type='hidden'/>");
		searchObj.select();
	},
	/**
	 * 获取搜索框的值
	 * @return String
	 */
	getValue : function(){
		var val = this.getSearchBox().val();
		if(val == this.defaultText)val = "";
		return val;
	},
	/**
	 * 获取搜索框jQuery对象
	 * @return {}
	 */
	getSearchBox : function(){
		return $(".div_cx");
	}
};

$(function(){
	searchBox.init();
});