移动端 input 弹出键盘 与 获取点击确定搜索触发的事件
程序员文章站
2022-07-13 22:05:09
...
首先说说如何在用户点击 input
时弹出带有搜索按钮的键盘,其实很简单,加上 type="search"
即可。
<input id="keyword" placeholder="输入关键字搜索" type="search" />
获取搜索按钮的点击事件呢,代码如下:
$("#keyword").on('keypress',function(e) {
var keycode = e.keyCode;
var searchName = $(this).val();
if(keycode=='13') {
e.preventDefault();
//请求搜索接口
alert("test");
}
});
PS: 物理键盘中的 enter
键的作用等同于搜索按钮。
参考链接
下一篇: CSS:实现文字环绕在图片周围的效果