1. 程式人生 > >搜尋框的回車事件(搜尋內容在另一個頁面展示)

搜尋框的回車事件(搜尋內容在另一個頁面展示)

功能要求是這樣的:

搜尋框輸入要查詢的內容,敲擊回車,頁面跳轉到新的頁面,並且搜尋的內容也會在新的頁面展示;當搜尋框獲得焦點時,預設的搜尋框中的值隱藏,如果沒有輸入任何內容,搜尋框失去焦點後,顯式原來的預設value值;程式碼如下:

<input type="text" name="search_index" id="search_index" onkeydown="entersearch1(event)"  onblur="if(this.value==''){this.value='請搜尋...'}" onfocus="if(this.value=='請搜尋...'){this.value=''}" value="請搜尋..."  />
function jump(){
		 var searchval = $("#search_index").val();
		window.location.href=' http://localhost:8080/primaryBird/html/search.html?'+searchval;
	 }
	 function entersearch1(event){  
		    if (event.keyCode == 13)  
		       {  
		    	jump();  
		       }  
		}