onclick和onblur冲突问题的快速解决方法.docVIP

onclick和onblur冲突问题的快速解决方法 下面小编就为大家带来一篇onclick和onblur冲突问 题的快速解决方法。小编觉得挺不错的，现在分享给大家， 也给大家做个参考 新浪首页的搜索框里面有一个使用ajax的下拉框。我 们需要实现一个点击下拉框里面的一项，让搜索框里面的 值变成这一项，同时下拉框消失的效果，但同时在点击其 他地方的时候，这个下拉框也要消失。大致如图： 我们同时使用onblur和on click来使下拉框隐藏，但 是更大的问题出现了，这两个功能相冲突，onblur过于强 悍，根本没有onclick方法实现的机会，搜索框无法获取 点击项的内容。这个就是我们想要解决的onclick和onb lur冲突问题。 对应这个问题，这里我们介绍两种解决办法： 1.使用setTimeout来使onblur时间延期执行，使 onclic k执行完后再执行onb lur。（其中setT imeout的时 间设定应该在100ms以上，否则依旧不行）示例代码如下: It; !D0CT YPE gt; It; gt; It :headlang=〃en〃gt; nbs p; It;metach arset=〃UTF-8〃gt; nbsp :It:titlegt ; It;/titlegt; nbsp; It; s tylegt; nb sp;nbsp;氺{m argin:O;