位置: 编程技术 - 正文
onclick和onblur冲突问题的快速解决方法(onclick和onclientclick)
编辑：rootadmin推荐整理分享onclick和onblur冲突问题的快速解决方法(onclick和onclientclick)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:onclick和onmousedown,onclick和onclientclick,onclick和onclientclick,onclick和onclick,onclick和onchange,onclick和onclick,onclick和onclientclick,onclick和onblur冲突,内容如对您有帮助，希望把文章链接给更多的朋友！
新浪首页的搜索框里面有一个使用ajax的下拉框。我们需要实现一个点击下拉框里面的一项，让搜索框里面的值变成这一项，同时下拉框消失的效果，但同时在点击其他地方的时候，这个下拉框也要消失。大致如图：
我们同时使用onblur和onclick来使下拉框隐藏，但是更大的问题出现了，这两个功能相冲突，onblur过于强悍，根本没有onclick方法实现的机会，搜索框无法获取点击项的内容。这个就是我们想要解决的onclick和onblur冲突问题。对应这个问题，这里我们介绍两种解决办法：1. 使用setTimeout来使onblur时间延期执行，使onclick执行完后再执行onblur。（其中setTimeout的时间设定应该在ms以上，否则依旧不行）示例代码如下：
2. 使用document.onmousedown来代替onblur实现隐藏下拉框功能
以上这篇onclick和onblur冲突问题的快速解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持积木网。
Bootstrap模态对话框的简单使用 模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息
javascript中利用柯里化函数实现bind方法 柯理化函数思想：一个js预先处理的思想；利用函数执行可以形成一个不销毁的作用域的原理，把需要预先处理的内容都储存在这个不销毁的作用域中，
浅析Bootstrap缩略图组件与警示框组件 Bootstrap简介Bootstrap，来自Twitter，是目前最受欢迎的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的，它简洁灵活，使得Web开发更加快捷。缩略图组件缩略
上一篇：JS模仿手机端九宫格登录功能实现代码(js手机模拟器)
下一篇：Bootstrap模态对话框的简单使用(bootstrap模态框按钮无响应)
