javascript - 如何在单击 body 单击时防止 div 上的 onclick 事件？

Question

我想在单击文档上的任意位置时为 body、html 元素执行功能，并且还有一个 div 标签，其中 onclick 事件将在那里。单击该 div 时，两者会相互冲突如何防止。尝试了事件停止传播和事件阻止默认设置 例如: jd只不过是jquery

$jd =  jQuery 

下面的事件应该只触发特定的div。但他的事件与 body onclick 发生冲突。

$jd('.menu-left a').click(function(){
            $jd('.menu-left a').removeClass('active');          
            if($jd(this).hasClass('add_item_team')) self.team.create();
            if($jd(this).hasClass('add_item_qrcode')) self.qrcode.open();
            $jd(this).addClass('active');
            jQuery("#text-lock").trigger("click");
        });

jQuery(document).on('click','body',function(event){
/*console.log("adsfasddfs");   

    var finding_span;
    finding_span = $jd(".design-area").find('.content-inner span.drag-item');

     if(event.target.id == "dg-left"){
     return false;
     }else{
        if(finding_span.length>0){

        console.log("cameeeee");
        design.item.unselect();

        }
     }*/
     var finding_span;
    finding_span = $jd(".design-area").find('.content-inner span.drag-item');

     if(finding_span.length>0){
        design.item.unselect();
    }

Answer 1

jQuery(document).on('click','body',function(event){
    event.preventDefault();
    event.stopPropagation();
     var finding_span;
    finding_span = $jd(".design-area").find('.content-inner span.drag-item');

     if(finding_span.length>0){
        design.item.unselect();
    }

希望这对你有帮助