input[type=search] onsearch事件觸發及輸入框自動消失

input[type=search] onsearch事件觸發及輸入框自動消失

有時候在手機端想點選搜尋框彈出的輸入法中出現搜尋按鈕,點選搜尋按鈕執行搜尋操作。

使用H5的標籤input ,type=”search”

<input type="search" placeholder="搜尋" onsearch="loadData()">

注意這裡時間觸發用onsearch而不是onclick。

function loadData(){
//讓輸入法消失
$("input[type=search]").blur();
$.ajax({
url: ipAddress   "/MMSDailyBackstage/view/reportView",
dataType: "json",
cache: false,
async: false,
data: {
},
type: "POST",
success: function (ret) {
}
});
}

注意,在執行方法中如果不跳轉頁面的話,最好點搜尋後讓輸入框自動消失。消失的辦法就是讓input失去焦點,用.blur()方法,點選搜尋後輸入框消失並執行ajax方法