移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件
来源:互联网 发布:哪个火车票比较好知乎 编辑:程序博客网 时间:2024/06/06 00:08
首先说说如何在用户点击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键的作用等同于搜索按钮。
这个很简单但很实用的小技巧献给大家啦,提升用户体验刚刚的,喜欢请转载~
0 0
- 移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件
- 移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件
- 2、移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件
- 移动端输入框弹出键盘触发搜索按钮事件
- input时弹出带有搜索按钮的键盘
- input弹出的手机键盘搜索事件
- 搜索框点击回车键触发搜索按钮点击事件
- EditText添加android:imeOptions="actionSearch"弹出的键盘中带有搜索按钮
- input圆形多选按钮状态改变(checked)与点击触发事件的优先顺序
- Android搜索框输入内容点击键盘的搜索按钮进行搜索
- 代码控制按钮点击事件的触发
- 自动触发按钮的点击事件
- flex定时触发按钮的点击事件
- 移动端去掉点击input弹出的系统键盘
- 开发移动端web应用, 使用手机自带键盘的搜索按钮
- EditText弹出的软键盘带搜索按钮
- IE下按回车自动触发input type=submit的按钮点击事件
- jquery获取input单选按钮点击事件及单选按钮值的方法
- JAVA字符串的方法
- ffmpeg移植到Android平台为什么用编译libjnivideo.so和libjniaudio.so
- android 仿淘宝界面源代码,或微信的
- R语言简介
- ucos信号量的理解2
- 移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件
- AXI4-Stream协议总结
- Windows/Linux下C/C++内存泄露检测工具
- 那些Python方法---filter()
- 360个人图书馆复制不了
- JavaScript基础篇章(总结2)
- 域名解析服务查询工具dnstracer
- 新手关于声明属性@property的问题,求大神
- 网站换肤