为什么我点击li列表时没有添加阻止冒泡，也能正常关闭列表啊

 <script type="text/javascript">

window.onload=function(){

var box=document.getElementById('divselect'),

   title=box.getElementsByTagName('cite')[0],

   menu=box.getElementsByTagName('ul')[0],

   as=box.getElementsByTagName('a'),

        index=-1;

    // 点击三角时

    title.onclick=function(event){

      // 执行脚本

      menu.style.display='block';

      event=event || window.event;

      event.stopPropagation();

    }  

   // 滑过滑过、离开、点击每个选项时

      // 执行脚本

    var li=menu.getElementsByTagName('li');

    for(var i=0;i<li.length;i++){

        li[i].onmouseover=function(){

            this.style.backgroundColor='#ccc';

        }

        li[i].onmouseout=function(){

            this.style.backgroundColor='#fff';

        }

        li[i].onclick=function(){

            menu.style.display='none';

            title.innerHTML=this.getElementsByTagName('a')[0].innerHTML;

        }

    }

   // 点击页面空白处时

       // 执行脚本

    document.onclick=function(){

        menu.style.display='none';

    }

 }

   </script>