समवर्ती जावास्क्रिप्ट निष्पादन को कैसे रोकें?

Question

मैं इस

<div id="some-div"> 
    <a href="#" class="link-click">some link text</a> 
    <div id="small-text">here is the small text</div> 
    //another text block 
</div> 

<script type="text/javascript"> 
    $('#some-div').click(function(){//some task goes here}); 
    $('.link-click').click(function(){//some task goes here for link}); 
    $('#small-text').click(function(){//some task goes here for small div}); 
</script> 

तरह एचटीएमएल कोड ब्लॉक जब हम div पर क्लिक करें (आईडी = कुछ-div) पॉपअप संदेश आ रहा है, लेकिन जब मैं लिंक पर क्लिक करें (वर्ग = लिंक-क्लिक) मैं चलाने की आवश्यकता एक और जावास्क्रिप्ट समारोह। लेकिन बात यह है कि जब मैं लिंक-क्लिक पर क्लिक करता हूं तो यह कुछ-div फ़ंक्शन भी चलाता है। दोनों फंक्शन पर क्लिक करने का मतलब है।

मैं समवर्ती जावास्क्रिप्ट फ़ंक्शन निष्पादन को कैसे रोकूं। मैं भी jquery का उपयोग कर रहा हूँ। धन्यवाद

Answer 1

आप डीओएम पेड़ को बुलबुला करने से बचने के लिए event.stopPropagation() का उपयोग कर सकते हैं।

Answer 2

$('.link-click').click(function(e){ 
    e.stopPropagation(); 
});