搜尋框的回車事件(搜尋內容在另一個頁面展示)
阿新 • • 發佈:2019-02-11
功能要求是這樣的:
搜尋框輸入要查詢的內容,敲擊回車,頁面跳轉到新的頁面,並且搜尋的內容也會在新的頁面展示;當搜尋框獲得焦點時,預設的搜尋框中的值隱藏,如果沒有輸入任何內容,搜尋框失去焦點後,顯式原來的預設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();
}
}