How do I prevent a parent's onclick event from firing when a child anchor is clicked?

后端 未结 22 1401
旧巷少年郎
旧巷少年郎 2020-11-22 00:37

I\'m currently using jQuery to make a div clickable and in this div I also have anchors. The problem I\'m running into is that when I click on an anchor both click events ar

22条回答
  •  遇见更好的自我
    2020-11-22 01:06

    var inner = document.querySelector("#inner");
    var outer = document.querySelector("#outer");
    inner.addEventListener('click',innerFunction);
    outer.addEventListener('click',outerFunction);
    
    function innerFunction(event){
      event.stopPropagation();
      console.log("Inner Functiuon");
    }
    
    function outerFunction(event){
      console.log("Outer Functiuon");
    }
    
    
    
      
      
      Pramod Kharade-Event with Outer and Inner Progration
    
    
    

提交回复
热议问题