为什么我点击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>