+ -
当前位置:首页 → 问答吧 → 淘宝搜索框的onblur效果

淘宝搜索框的onblur效果

时间:2010-01-20

来源:互联网

现在淘宝首页中顶部的搜索框。当鼠标单击关键词input框内时,原来的灰色字“输入您想搜索的宝贝”就会消失,焦点移除时,即激活了它的onblur事件,“输入您想搜索的宝贝”的灰色字又会恢复。

这种功能固然容易实现。
可是现在有个问题,当前焦点在input框内,当你点击搜索框上的分类(“宝贝”、“淘宝商城”、“店铺”……)时,焦点仍然保持在搜索框。不管怎么切换焦点仍然留在搜索框,不会激活input搜索框的onblur事件。      请问怎么保持住这个焦点?

自己做的时候,一旦单击分类,那么总是会首先激活input搜索框的onblur事件,然后才激活分类链接的click事件。实现不了我要的效果啊。  谢谢高手帮分析一下,单击搜索框上的分类时怎样能让焦点不移出那个input框? 谢谢了!

作者: webh   发布时间: 2010-01-20

当点别的地方时, 会先触发input 的onblur是肯定的,

一种是点每个标签时加input.focus().

若你要某些特殊效果, 应在你的input.onblur 上加 settimeout, 哪怕 10毫秒,

再或者, 你不要出发onblur, 则需要在点标签时再加判断

作者: lonely203   发布时间: 2010-01-23

引用
引用第1楼lonely203于2010-01-23 23:13发表的  :
当点别的地方时, 会先触发input 的onblur是肯定的,

一种是点每个标签时加input.focus().

若你要某些特殊效果, 应在你的input.onblur 上加 settimeout, 哪怕 10毫秒,
.......

谢谢,第一种方法是我最先想到的,果然它会首先触发input 的onblur,所以效果是input框中瞬间出现灰色提示字,然后又消失。
第二种方法加settimeout应该是可行的,我马上去试验。
第三种如果不触发onblur,不仅是点标签的问题,还有点网页“任意别处”的判断问题,似乎不太好实现吧~

谢谢您的帮助!

作者: webh   发布时间: 2010-01-25

相关阅读 更多

热门下载

更多