javascript 事件上升消除 cancelBubble draggable

最近在做一个项目

里面用到了事件上升屏蔽

以前读过一本ajax的书有提到

只需在最后调用脚本

window.event.cancelBubble = true;\

 

还有关于拖拽的

先直接把部分样例代码给出来

    //设置可拖拽
    function makeDraggable(){
        $(".nav").draggable({
            helper: 'clone',
            opacity: 0.8,
            start:function(e, ui)
            {
                elem = e.srcElement || e.target;
            }
        });


        $(".menu").droppable({
            accept: ".nav",
            activeClass: 'droppable-active',
            hoverClass: 'droppable-hover',
            drop: function(ev, ui)
            {
                var o = elem.title;
                var oid = elem.id;
                var sid = "s" + oid;
                //有相同的就不插入了。
                if ( document.getElementById(sid) == null)
                {
                    $(this).append( "<div onclick='window.event.cancelBubble = true;' align='left' id='" + sid + "' title='"+ o +"' class='menunav'>" + "<a href='javascript:alert(this.innerHTML);'>" + o + "</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + "<a href='#' onclick='javascript:$(this.parentNode).remove();' title='删除此栏' >--移除--</a></div>" );
                }else     {
                //var tname = document.getElementById(sid).parentNode.getAttribute("title");
                //alert ("您已经将， 【"+ tname +"】 归档了,请您不要重复添加，谢谢！");
                }
            }
        });
    }