问题描述

加载页面时，快速将光标定位在搜索栏上。加载页面并初始化搜索栏后，将显示搜索提示。此时输入的任何内容都将成为搜索提示的一部分，而不是搜索关键字。截图如下： 。

00-1010在onload期间执行了搜索栏的JavaScript初始化。由于页面图片的请求很多，完全加载大约需要3秒钟，而且搜索栏的tabindex设置为1，因此具有搜索优先级的用户可以轻松满足。以下是根据我自己的理解反编译的JS代码。当页面加载时，将执行m.hint.initHint方法向搜索框添加提示功能。复制代码如下： /** *搜索框增加提示功能* @param searchTip提示信息* @param searchBoxId搜索输入框ID *。@ param hideboid关键字hide box id */m . hint . init hint=function(search tip，search boid，hide boid){ var search box=document . getelementbyid(search boid)；var hideBox=nullif(searchBox){ if(hideBox id){ hideBox=document . getelementbyid(hideBox id)；} l.events.listen(searchBox，' blur '，l.bind(m.hint.onInputBlur，null，searchBox，hideBox)，false)；l.events.listen(searchBox，' focus '，l.bind(m.hint.onInputFocus，null，searchBox，hideBox)，false)；if(hideBox){ l . events . listen(searchBox，' change '，bind(m.hint.onInputChange，null，searchBox，HideBox)，false)；hidebox . value=m . hint . getinputvalue(searchBox)；}//在这里，将搜索提示赋给临时变量m . hint . GH[search box]=search tip；//如果搜索框存在，则在搜索框中添加临时变量和灰色词类m . hint . oninputblur(search box)；} };m . hint . oninputblur=function(searchBox，hideBox){ m . hint . fi(searchBox)；hideBox m . hint . oninputchange(search box，hideBox)；};m . hint . fi=function(search box){ if(search box){ var search tip=m . hint . Gh[search box]；if(searchbox . value . trim()==' ' | | searchbox . value==searchbox tip)){ searchbox . setattribute(m . HINT . is _ HINT，' 1 ')；searchBox.className='提示'；search box . value=search tip；} } };解决方法是缩短DOM节点加载到搜索框中JavaScript初始化之间的时间。加载搜索框后，可以立即执行JS。反正谷歌自己的产品不需要SEO。当然，最好在DOM准备好的时候执行。扩展知识。我记得我写过一篇文章。本文介绍了如何给WordPress搜索框添加文本提示。我的处理方法简单粗暴，只能用框中的关键词来判断是关键词还是提示信息。(所以我的提示信息很长。)在分析这个案例的过程中，我发现谷歌的处理方法非常好，可以借鉴。它隐藏输入框来放置真实的搜索信息。因此，我们可以实现完整关键词和即时文案的区分。这个小问题困扰我很久了(几乎每次遇到)。今天终于忍不住看代码了，希望谷歌工程师能看到这篇文章，赶紧解决。(修改的建议我都给了，改也没什么意义。).