input弹出的手机键盘搜索事件
一、input的搜索框
在input标签里面把type设置为search就可以了。弹出的手机键盘回车键也会变成搜索或者是搜索的图标。
<input id="search" type="search" ></input>
- 1
设置type为search的搜索框,当输入内容的时候,后面会多出一个x,点击x可以清空输入的内容。
二、获取键盘搜索事件
输入内容之后直接点击手机键盘的搜索按钮就可以进行搜索了。以下是获取键盘搜索事件:
//获取键盘搜索按钮事件
$("#search").on('keypress', function(e) {
var keycode = e.keyCode;
//获取搜索框的值
var searchContent = $(this).val();
if (keycode == '13') {
e.preventDefault();
//请求搜索接口
if (searchContent == '') {
alert('请输入检索内容!');
} else {
alert(searchContent);
}
}
});
请爱好前端技术的朋友,联系我,有问题大家一起讨论