前端调用ios和Android输入法中的搜索按钮

在移动端的项目中，百分之九十九都有搜索功能，为了考虑一些平时玩手机不溜的人群我们会增加搜索的button让他们点击。但是对于平时打字很666的童鞋来说，不能使用键盘中的搜索表示很嗤之以鼻。下面的代码就解决了调用手机端软键盘搜索功能的问题。多次实践，目前没发现什么问题。

代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>ys-search</title><style>input {height: 15px;padding: 10px;width: 230px;font-size: 15px;border: 1px solid #ff8000;border-radius: 5px;box-sizing: content-box;outline: none;}/*去掉搜索框里面的那个小X号*/::-webkit-search-cancel-button {  display: none; }</style>
</head>
<body><form action="javascript:search()" ><input type="search" name="" placeholder="请输入想要搜索的内容" autocomplete="off" value=""></form><script>var oInput = document.querySelector("input");function search () {if(oInput.value == '') {alert("请输入想要搜索的内容")} else {alert("您想要搜索的内容是：" + oInput.value);}}oInput.onclick = function () {oInput.value = '';}</script>
</body>
</html>

你也可以在电脑里用enter键，因为这个是type=search的利器。

前端调用ios和Android输入法中的搜索按钮相关推荐

html 手机输入法搜索引擎,解决网页搜索框无法使用手机输入法中的“搜索”按钮的问题...
先森之前就发现,"成航先森"在手机上访问使用搜索时,无法使用键盘上的"前往/搜索"按钮.点击没有反应,必须要点击网页中的搜索按钮才行.之前因为懒得管,就一直没有 ...
在浏览器端调试代码并直接修改原文件、移动端虚拟键盘中实现搜索按钮
在浏览器端调试代码并直接修改原文件: 此调试方法可以避免在浏览器调试完代码后在到原文件手动修改代码的弊端,其具体方法如下: 1.先将要调试的页面在浏览器(Google)打开,这里小编打开桌面test文 ...
android实现分类搜索功能,android应用中的搜索功能怎么实现的
GCT1015 在app应用中,至少要执行如下的三个步骤,才能让app应用能够进行检索.如果要提供搜索建议,还需要执行第4步: 编写搜索配置的XML文件编写搜索的activity类在Android ...
android输入法中的imeoption
SDK升级到1.5以后,当文本输入框(EditText及其子类)获得焦点后,会弹出系统自带的软键盘为了实现一些自定义的功能,就稍微研究了下 * 当layout中有多个EditText,把每个控件的 ...
android 按钮并排左右_在android studio中并排对齐按钮
有多种方法可以满足您的需求首先使用线性布局 xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools=&qu ...
android输入法框架分析,Android与iOS输入法开发框架比较谈
对于任何一个使用手机的人,有一样工具是不可能缺少的,它既不是微信之类的社交工具,也不是支付宝之类的金融工具(事实上这两个都越界了),而是输入法这样的输入工具.更重要的是,输入法还是一种特权工具,因为它 ...
ios与java交互_5、与iOS、Android的交互实践篇——主动调用
本文属于「Unity与iOS.Android平台的整合」系列文章之一,转载请注明出处. 主要讲解Unity与iOS.Android平台相互主动调用实现零.前言由于本文涉及到较多基础知识,建议读者们 ...
OCR--苹果ios安卓android身份证拍照扫描识别sdk
一.ios安卓android身份证拍照扫描识别sdk应用背景这些年,随着移动互联网的的发展,越来越多的企业都推出了自己的移动APP,这些APP多数都涉及到个人身份证信息的输入认证(即实名认证),如果 ...
js调用ios的方法
摘要在做h5应用的时,有时有些功能js并不能实现的特别完美.比如下载进度条或上传文件进度等.如果能调用ios或者android的方法,实现进度,以及文件上传或者下载列表更好一些.如果使用第三方的js ...

前端调用ios和Android输入法中的搜索按钮

前端调用ios和Android输入法中的搜索按钮相关推荐

最新文章

热门文章