/** * 搜索框类 * @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(""); 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(); });