首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

li的click事件与input的onblur事件发生冲突了怎么处理

2012-03-21 
li的click事件与input的onblur事件发生冲突了怎么办html如下:div classsearchContainerinput type

li的click事件与input的onblur事件发生冲突了怎么办
html如下:

<div class="searchContainer">
  <input type="text" name="txtSearch" class="search_text"/>  
  <a href="#"><img src="Images/Small_pic/08.gif" style="border:1px solid #ccc; left: 308px;" /></a>
  <div class="completionList"> <!-- 搜索关键字列表 -->
  <ul>  
  <li>jack</li>  
  <li>july</li> 
  <li>jerry</li> 
  <li>janu</li>  
  </ul>
  </div>  
</div>  
这是一个类似百度下拉搜索的功能。当我点击下拉关键字中的一项时, 隐藏下拉单,并将所选关键字填入input中,这个并不难实现,但矛盾的地方在哪里呢,我还想让input 失去焦点的时候隐藏下拉单,这时候就出现一个问题,li 的click 事件发生时又发生了input onblur事件, 结果就是下拉单被隐藏了,但选择的项没有填进input 中。input onblur 事件似乎取代了li click 事件.. 请问该如何处理这个问题?

[解决办法]
不知道你是怎么处理的,

让input的获取焦点和失去焦点来控制ul的显示和隐藏

然后,又让li的click来控制ul的隐藏

一旦点击了某个li,就把这个li的值传递给指定的input


[解决办法]
贴全你的代码
[解决办法]
失去焦点时判断鼠标是否在下拉选项上

热点排行