主页 » 建站笔记 » 正文

D8主题取消搜索输入框自动获取焦点的设定

 bandian2015/03/16 16:09 3,334 ℃ 0条点评
小号字体中号字体大号字体
一直以来网站的搜索输入框都是打开页面之后自动获取焦点,据主题作者说这个设定原本是为了方便大家打开网站之后快速的检索站内信息的。但是经大家提醒发现...

一直以来网站的搜索输入框都是打开页面之后自动获取焦点,据主题作者说这个设定原本是为了方便大家打开网站之后快速的检索站内信息的。但是经大家提醒发现,这个效果在手机上的体验确实不是很好。因为之前我在修改手机端显示样式的时候考虑到手机端页面布局的美观性,将搜索按钮和顶部的导航菜单一起隐藏了。需要点按左上角的菜单按钮,搜索框及搜索按钮才会随导航菜单一起弹出。

但是问题就出在这里,当菜单和搜索按钮被弹出的时候输入框就获取到焦点了,相应的,手机就会自动打开输入法界面,这样一来输入法就挡住了半个屏幕,极大的影响了导航栏菜单的选择,造成很差劲的浏览体验。

最初没有细看代码,凭感觉这个玩意儿应该是JS控制的。而我对JS又不懂,于是就网上找了一下,提到最多的都是说如何用JS的focus事件控制文本输入框自动获取焦点,然后我就把目标锁定在几个JS文件里面找了好半天,可是怎么也没找到相关代码。

就在准备放弃的时候一回头,发现HTML里面有一句autofocus,顿时就有一种“踏破铁鞋无觅处,暮然回首,柳暗花明又一村”的感觉呐~~查了一下,发现这是HTML5里面的新属性,用来定义元素自动获取焦点。很明显,根源原来在这里,立马将这一句删除,好了,完美解决。

上一篇:如何提高U盘的性能? 开启磁盘的高级写入缓存
下一篇:百威前台POS收银参数设置
版权信息
永久链接:https://www.augsky.com/?p=523
转载请注明转自 » 格部落格 » D8主题取消搜索输入框自动获取焦点的设定

已有0条评论,欢迎点评!

骚年,现在来一发沙发就是你的。