input[type=search] onsearch事件触发及输入框自动消失

574 阅读1分钟

有时候在手机端想点击搜索框弹出的输入法中出现搜索按钮,点击搜索按钮执行搜索操作。

使用H5的标签input ,type="search"

<input type="search" placeholder="搜索" οnsearch="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方法

\

\