首先说说如何在用户点击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");试试看哦~
说明一下,电脑端也是可以用的,这时不会弹出键盘,物理键盘中的enter键的作用等同于搜索按钮。
这个很简单但很实用的小技巧献给大家啦,提升用户体验刚刚的,喜欢请转载~
如果觉得《移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件》对你有帮助,请点赞、收藏,并留下你的观点哦!