event.preventDefault बनाम event.stopPropagation

Question

क्या कोई बता सकता है कि event.preventDefault() और event.stopPropagation() के बीच क्या अंतर है?

मेरे पास एक टेबल है और उस तालिका में मेरे पास एक आईएमजी टैग है।

जब मैं आईएमजी टैग पर क्लिक करता हूं, तो मैं एक पॉपअप देखना चाहता हूं।

लेकिन मैं यह भी एकाधिक पंक्तियों के चयन को रोकना चाहते हैं, तो मैं का उपयोग करें:

$("table.items tbody tr").click(function(event) { 
     event.stopPropagation(); 
    }); 

जब मैं जे एस कोड का उपयोग, पॉपअप प्रकट नहीं होता है;

यदि मैं जेएस कोड हटा देता हूं, तो पॉपअप काम करता है।

$(".info").live("click",function(e){ 
    //console.log('ok'); 
    e.stopPropagation(); 
    var elem = $(this); 
    var id = $(this).attr("id").replace("image_","container_"); 
    $('#'+id).toggle(100, function() { 
     if($(this).css('display') == 'block') { 
      $.ajax({ 
       url: "$url", 
       data: { document_id:elem.attr('document_id') }, 
       success: function (data) { 
        $('#'+id).html(data); 
       } 
      }); 
      } 
     }); 
}); 

क्यों?

Answer 1

मैं एक जावास्क्रिप्ट विशेषज्ञ नहीं हूँ लेकिन जहां तक ​​मुझे पता है:

stopPropagation यकीन है कि घटना करता बबल सामने श्रृंखला नहीं बनाने के लिए प्रयोग किया जाता है। जैसे। <td> टैग पर एक क्लिक भी इसके माता-पिता <tr> पर ईवेंट पर क्लिक करेगा, और उसके बाद उसके माता-पिता <table>, आदि stopPropagation इसे होने से रोकता है।

preventDefault किसी तत्व की सामान्य क्रिया को रोकने के लिए उपयोग किया जाता है, उदाहरण के लिए। एक लिंक पर एक क्लिक हैंडलर में preventDefault लिंक का पालन करने से रोक देगा, या सबमिट बटन पर फॉर्म सबमिट किए जाने से रोक देगा।

Answer 2

घटना preventDefault From W3C:

event.preventDefault() विधि एक तत्व के डिफ़ॉल्ट कार्रवाई होने से रोकता है। उदाहरण के लिए:

रोकें एक एक फार्म यूआरएल निम्न से एक लिंक को रोकने के प्रस्तुत करने से सबमिट बटन

घटना stopPropagation From W3C:

event.stopPropagation() विधि के उत्साह से भरा हुआ बंद हो जाता है अभिभावक तत्वों के लिए एक ईवेंट, किसी भी पेरेंट इवेंट हैंडलर को निष्पादित होने से रोकता है।

Answer 3

• एक बच्चे पर stopPropagation एक बच्चे पर माता पिता (पूरे पूर्वजों)
• preventDefault पर ऐसा होने से घटना बंद हो जाएगा बच्चे पर घटना बंद हो जाएगा, लेकिन यह पेरेंट (और पूर्वजों भी!)

पर होगा

अब आपके कोड में माता-पिता है? बच्चा कौन सा है?img बच्चा tr माता-पिता (ईमानदार होने के लिए अच्छी तरह से दादाजी) है, तो अनुमान लगाएं कि stopPropagation कोड होना चाहिए।