html 手机输入法搜索引擎,解决网页搜索框无法使用手机输入法中的“搜索”按钮的问题...

先森之前就发现，“成航先森”在手机上访问使用搜索时，无法使用键盘上的“前往/搜索”按钮。点击没有反应，必须要点击网页中的搜索按钮才行。之前因为懒得管，就一直没有解决这个问题，这两天丑了点时间研究了一下，最后发现这个问题是分阶段的。

“前往”和“搜索”按钮的问题

手机中的输入框，有时候右下角是“前往”，而有时候是“搜索”。先森起初以为是因为先森的搜索框显示的是“前往”，所以无法使用这个按钮。后来先森发现，写一个简单的html页面，通过手机访问，无论是“前往”还是“搜索”，都不会影响点击该按钮的效果。

不过让键盘显示“搜索”还是要显得专业一些。实现方法：

搜索框的type必须是search。

“前往”与“搜索”

点击输入法中的“搜索”没有反应的原因

上面所说的，按键上无论显示什么文字，都不会影响功能。然而先森的网站中，点输入法上的按钮是死活没有作用，所以原因还是要继续找。

先森本以为是某个JS代码导致了这个问题，所以先森把首页保存到本地，一个个的删除尝试。花费了大概一个小时的时间，终于，先森确认跟JS代码没有任何关系。

最后无意间删了一个标签，结果发现竟然可以了，手机输入法点击“搜索”可以搜索了。

罪魁祸首就是它：

这个base标签的作用是网页中的每个链接都默认为新标签页打开，好不好用就不做累述了。

删除与恢复

删除这个标签就可以实现使用手机输入法中的搜索按钮效果，但是我们想要的新标签页打开网页就没有了。

先森参考网上的JavaScript脚本，新写了一段js代码，从而实现相类似的效果。需要注意的是，不能简单的给每个标签都增加上新标签页打开，因为有些地方不适合新标签页打开，比如页码，每点一次下一页就新开一个窗口，访客要疯了吧？

所以，当标签已经设置了本页打开的需要排除，其他标签才加上_blank属性。

把下面的JavaScript代码放在head某处：

$(function(){

$('body a').each(function(){

if($(this).attr('target')!=='_self'){

$(this).attr('target','_blank');}

});

那么，你的网站搜索框能用手机的搜索按钮吗？

历史上的今天:

除特别注明外，本站所有文章均为成航先森 www.capjsj.cn原创，本文共1077个字

转载请注明出处来自https://www.capjsj.cn/mobile_phone_search.html

html 手机输入法搜索引擎,解决网页搜索框无法使用手机输入法中的“搜索”按钮的问题...相关推荐

Win10搜索框无法使用怎么办？Win10搜索栏用不了的解决办法
Win10搜索框无法使用怎么办?Win10搜索栏用不了的解决办法转载:http://www.xitongzhijia.net/xtjc/20170228/93133.html 具体方法如下: 1.按 ...
计算机搜索栏无法搜索怎么办,电脑桌面搜索框无法使用失效怎么办?
原标题:电脑桌面搜索框无法使用失效怎么办? 在进行文件查看的时候,除了可以按部就班的点击文件夹寻找之外,我们还可以通过任务栏的搜索框.但是,最近有位用户升级win10系统后,却发现桌面搜索框无法使用. ...
chosen.jquery.js 、chosen-select 源码修改控制 chosen:updated 方法动态更新下拉框选项不更新搜索框值，chosen 实现远程搜索加载下拉选项
chosen.jquery.js .chosen-select 源码修改控制 chosen:updated 方法动态更新下拉框选项不更新搜索框值,chosen 实现远程搜索加载下拉选项 chosen. ...
百度搜索框怎么用HTML做,百度搜索框的基本实现
百度首页搜索框是这样的一个基本形式,我们搜索框里输入字符时就能显示出一些有关的联想词,如图2所示图1.png 图2.png 那么今天我们来写一下这种效果,不算一模一样,大概相同吧,哈哈. 第一步:在 ...
微信小程序搜索框以及简单的页面内容搜索的实现
1 效果先来看一下效果 2 设计思路 2.1 显示效果的设计本示例包含两种不同的搜索框,第一种搜索框是在最初状态下显示的搜索框,它由一个输入框input和一个表示"搜索"的图片 ...
win10计算机无法搜索,win10搜索框没反应怎么办_win10电脑搜索框点击无反应如何解决...
当我们要在win10系统中搜索一些文件的时候,可以通过搜索框来输入内容并搜索,不过有时候会遇到搜索框点击没反应的情况,导致无法正常搜索,许多小伙伴遇到这样的问题可能不知道要怎么办,针对win10电脑搜 ...
一行命令解决win10任务栏中的搜索框无法使用的问题
由于我经常会使用win10搜索框进行定时等操作,最近发现搜索用不了了,通过谷歌得知可能需要重新安装下小娜: 首先按下win+R命令,输入cmd即可进入命令提示符模式,然后输入 start powers ...
asp.net 漂亮搜索框_推荐4款影视搜索工具，十一假期让你看剧看到爽
软叔之前给大家分享过一些免费的视频APP,今天给大家分享一波视频搜索工具,相对于视频APP,资源更多更加的正规,在这个假期不愁没有好看的电影看咯. 1️⃣[Mark] 安卓|iOS端|回复1030获取 ...
java ajax搜索框提示,Javaweb-案例练习-2-给搜索框添加提示
Javaweb-案例练习-2-给搜索框添加提示凯哥java 凯哥java 给搜索框添加搜索提示功能这篇来利用Ajax做一个给搜索框添加搜索提示的功能,这个我们在百度首页,搜索框随便输入一个字符,就 ...

html 手机输入法搜索引擎,解决网页搜索框无法使用手机输入法中的“搜索”按钮的问题...

html 手机输入法搜索引擎,解决网页搜索框无法使用手机输入法中的“搜索”按钮的问题...相关推荐

最新文章

热门文章

html 手机输入法 搜索引擎,解决网页搜索框无法使用手机输入法中的“搜索”按钮的问题...

html 手机输入法 搜索引擎,解决网页搜索框无法使用手机输入法中的“搜索”按钮的问题...相关推荐

最新文章

热门文章

html 手机输入法搜索引擎,解决网页搜索框无法使用手机输入法中的“搜索”按钮的问题...

html 手机输入法搜索引擎,解决网页搜索框无法使用手机输入法中的“搜索”按钮的问题...相关推荐