情况是这样，有一个文本框，下边有一下拉框 类似日历选取那样，下拉框里有按钮可点击，当鼠标点击(或聚焦)文本框时，下拉框显示， 点击下拉框内时也不隐藏， 点击下拉框外边时（也就是任意空白地方 不包含下拉框） 才让下拉框隐藏， 但如果我绑定的是文本框的blur事件的话 ，点击下拉框的里边时也会被隐藏掉。。 那么有什么方法 可以实现 点击文本框显示，点击下拉框里边不隐藏， 点击下拉框以外时(任意空白)才隐藏下拉框 的方法呢？？

http://jsfiddle.net/sa6pz/

<

script>
window.onload=function(){
    var ob=document.getElementById('box');
    var oInp=ob.getElementsByTagName('input');
    var oSlide=ob.getElementsByTagName('p');

    var ot=document.getElementById('title');
    var tBtn=ot.getElementsByTagName('span');

    var i=0;    
    var bBtn=true;  
    for(;i








  
  

  
      <
      >
    
   当鼠标点击里边时，失去焦点后，如何隐藏这个框呢？