淘宝搜索框的onblur效果
时间:2010-01-20
来源:互联网
现在淘宝首页中顶部的搜索框。当鼠标单击关键词input框内时,原来的灰色字“输入您想搜索的宝贝”就会消失,焦点移除时,即激活了它的onblur事件,“输入您想搜索的宝贝”的灰色字又会恢复。
这种功能固然容易实现。
可是现在有个问题,当前焦点在input框内,当你点击搜索框上的分类(“宝贝”、“淘宝商城”、“店铺”……)时,焦点仍然保持在搜索框。不管怎么切换焦点仍然留在搜索框,不会激活input搜索框的onblur事件。 请问怎么保持住这个焦点?
自己做的时候,一旦单击分类,那么总是会首先激活input搜索框的onblur事件,然后才激活分类链接的click事件。实现不了我要的效果啊。 谢谢高手帮分析一下,单击搜索框上的分类时怎样能让焦点不移出那个input框? 谢谢了!
这种功能固然容易实现。
可是现在有个问题,当前焦点在input框内,当你点击搜索框上的分类(“宝贝”、“淘宝商城”、“店铺”……)时,焦点仍然保持在搜索框。不管怎么切换焦点仍然留在搜索框,不会激活input搜索框的onblur事件。 请问怎么保持住这个焦点?
自己做的时候,一旦单击分类,那么总是会首先激活input搜索框的onblur事件,然后才激活分类链接的click事件。实现不了我要的效果啊。 谢谢高手帮分析一下,单击搜索框上的分类时怎样能让焦点不移出那个input框? 谢谢了!
作者: webh 发布时间: 2010-01-20
当点别的地方时, 会先触发input 的onblur是肯定的,
一种是点每个标签时加input.focus().
若你要某些特殊效果, 应在你的input.onblur 上加 settimeout, 哪怕 10毫秒,
再或者, 你不要出发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.focus().
若你要某些特殊效果, 应在你的input.onblur 上加 settimeout, 哪怕 10毫秒,
.......
谢谢,第一种方法是我最先想到的,果然它会首先触发input 的onblur,所以效果是input框中瞬间出现灰色提示字,然后又消失。
第二种方法加settimeout应该是可行的,我马上去试验。
第三种如果不触发onblur,不仅是点标签的问题,还有点网页“任意别处”的判断问题,似乎不太好实现吧~
谢谢您的帮助!
作者: webh 发布时间: 2010-01-25
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28