如何在单击主体单击时防止div上的onclick事件? [英] How to prevent onclick event on a div while clicking on body click?

问题描述

我想在单击文档的任何位置时为body，html元素提供功能，并且还有一个div标签，该标签将存在onclick事件.两者相互冲突，如何在单击该div时进行预防.尝试了事件停止传播和事件防止违规 例如: jd就是jquery

I would like to do functionality for body,html elements while clicking on anywhere on document and also there is a div tag which is onclick event will be there. Both are clashing each other how to prevent while clicking on that div. Tried both event stop propagation and event prevent defaul for example: jd is nothing but jquery

$jd =  jQuery 

以下事件仅应触发特定的div.但是他的事件与身体onclick相冲突.

The below event should only triggered particular div. but t his event clashing with 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();
    }

推荐答案

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();
    }

希望这对您有帮助

这篇关于如何在单击主体单击时防止div上的onclick事件?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！