2、移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件
首先说说如何在用户点击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();
- //请求搜索接口
- }
- });