jquery onclick पैरेंट तत्व

Question

मैं आंतरिक तत्व के लिए भी क्लिक करके onclick को आंतरिक तत्व के लिए कैसे रोकूं।

<div id="1" onclick="alert('1')"> 
<div id="2" onclick="alert('2')"></div> 
</div> 

तो दूसरी div (आईडी = "2") पहले की चोटी पर दिख है, और यह क्लिक किया जाता है, आप दोनों अलर्ट मिल जाएगा 1 & 2.

मैं कैसे यह इतना बच सकते हैं मुझे केवल पर क्लिक करने के बारे में चेतावनी मिलती है, बाहरी div के पास किसी भी ऑनक्लिक फ़ंक्शन को पूरी तरह से अक्षम किए बिना।

उदाहरण:http://jsfiddle.net/DPCx8/

Answer 1

​var outer = document.getElementById('outer'); 
outer.onclick = function(event) 
    { 
     alert('outer'); 
     event.stopPropagation(); 
    }​​ 
    var inner = document.getElementById('inner'); 
inner.onclick = function(event) 
    { 
     alert('inner'); 
     event.stopPropagation(); 
    } 

की

http://jsfiddle.net/DYykA/1/

Answer 2

तुम इतनी घटना माता-पिता के लिए ऊपर बुलबुला नहीं है, बच्चे को stop the propagation की जरूरत है।

$("#inner").on("click", function(e){ 
    e.stopPropagation(); 
}); 

Answer 3

उपयोग event.stopPropogation(); घटना