为什么运行不了

来源:5-1 编程挑战

xuxianxiu

2016-07-29 22:44

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){
        event = event || window.event;
        if(event.stopPropagation){
            event.stopPropagation;
        }
        else{
            event.cancelBubble;
        }
        menu.style.display = "block";
      // 执行脚本
    }  
    
    for(var i=0;i<as.length;i++){
        as[i].onmouseover = function(){
            this.style.background = "#456";
        }
        as[i].onmouseout = function(){
            this.style.background = "#fff";
        }
        
        as[i].onclick = function(event){
            event = event || window.event;
            if(event.stopPropagation){
                event.stopPropagation;
            }
            else{
                event.cancelBubble;
            }
            menu.style.display = "none";
            title.innerHTML = this.innerHTML;
        }        
    }
   // 滑过滑过、离开、点击每个选项时
      // 执行脚本
    document.onclick = function(){
                menu.style.display = 'none';
            };
   // 点击页面空白处时
       // 执行脚本
 }


写回答 关注

1回答

  • KevinLL
    2016-07-30 11:30:38
    已采纳

    event.cancelBubble=true;

    xuxian...

    非常感谢!

    2016-08-04 19:44:52

    共 3 条回复 >

DOM事件探秘

DOM事件?本课程会通过实例来给小伙伴们讲解如何使用这些事件

99545 学习 · 1197 问题

查看课程

相似问题