stopPropagation और startPropagation

Question

मैं (नहीं कर सकते उसकी js/HTML संशोधित ग्राहक पेज,) एक अतिरिक्त क्लिक हैंडलर बनाना चाहते है और यह मेरी स्क्रिप्ट में इस तरह काम करना चाहिए:

1) event.stopPropagation (थामने ग्राहक क्लिक प्रचार)
2) मेरी समारोह (मेरी समारोह, जब सब कुछ किया जाता है आगे क्या करना)
3) event.startPropagation (मानक ग्राहक कार्रवाई जारी रखने के लिए)

अभी, पहले और दूसरे काम करते हैं। तीसरा समस्या है।
मुझे पता है event.startPropagation मौजूद नहीं है, लेकिन मुझे ऐसा कुछ चाहिए। कोई संकेत?

Answer 1

पहले स्थान पर प्रचार को रोकें मत।

परीक्षण my function करता है जो आप करना चाहते हैं, और फिर यह तय करें कि आप प्रचार को रोकने के लिए जा रहे हैं या नहीं।

Answer 2

क्लिक हैंडलर जोड़ें और हटाएं यदि आप क्रमशः क्लिक ईवेंट को सक्षम/अक्षम करना चाहते हैं। क्योंकि event.stopPropagation() घटनाओं को डोम पेड़ को फैलाने से रोक देगा।

अद्यतन:

आप jQuery का उपयोग कर रहे हैं, तो .trigger() समारोह का उपयोग करें।

http://api.jquery.com/trigger/

Answer 3

आप माता-पिता नोड, f.ex (jQuery) पर फिर से ट्रिगर कर सकते हैं एक ही घटना वस्तु। आपको बुलबुले में एक ही घटना गुण कब्जा करने के लिए (f.ex e.pageX) में पहली घटना वस्तु कॉपी और ट्रिगर में इसे पारित करने की आवश्यकता होगी:

var copy = $.extend(true, {}, e); 
setTimeout(function() { 
    $(copy.target.parentNode).trigger(copy); 
},500); 
e.stopPropagation(); 

डेमो: http://jsfiddle.net/GKkth/

संपादित

अपनी टिप्पणी के आधार पर, मुझे लगता है कि आप की तरह कुछ के लिए देख रहे हैं:

$.fn.bindFirst = function(type, handler) { 
    return this.each(function() { 
     var elm = this; 
     var evs = $._data(this).events; 
     if (type in evs) { 
      var handlers = evs[type].map(function(ev) { 
       return ev.handler; 
      }); 
      $(elm).unbind(type).on(type, function(e) { 
       handler.call(elm, e, function() { 
        handlers.forEach(function(fn) { 
         fn.call(elm); 
        }); 
       }); 
      }); 
     } 
    }); 
}; 

यह प्रोटोटाइप आपको "प्रीमियम हैंडलर" को बांधने की अनुमति देता है जिसमें next फ़ंक्शन होता है जो सभी पिछले हैंडलर को उसी तत्व पर निष्पादित करेगा जब आप चाहें। है जैसे कि यह प्रयोग करें:

$('button').click(function() { 
    console.log('first'); 
}).click(function() { 
    console.log('second'); 
}).bindFirst('click', function(e, next) { 
    console.log('do something first'); 
    setTimeout(next, 1000); // holds the other handlers for 1sec 
}); 

डेमो: http://jsfiddle.net/BGuU3/1/