कॉपी jQuery

Question

का उपयोग अन्य के लिए एक तत्व से घटनाओं मैं डोम है इस तरह है:

<a href='javascript:void(0)' id='link1'>Element with events bound initially</a> 
<a href='javascript:void(0)' id='link2'>Element to which events are bound in future</a> 

और यह जावास्क्रिप्ट:

$(function(){ 
    $('#link1').bind('click',function(){alert('do something to make me happy');}) 
}); 

अब भविष्य में कुछ समय मैं सभी घटनाओं पर बाध्य प्रतिलिपि बनाना चाहते हैं लिंक 1 से लिंक 2। मैं इसे नीचे लिखे अनुसार कर रहा हूं कृपया यदि संभव हो तो उपलब्ध कुछ बेहतर तरीका सुझाएं।

var _elmEvents = $(#link1).data('events'); 

if (_elmEvents) { 
    $.each(_elmEvents, function (event, handlers) { 
     $.each(handlers, function (j, handler) { 
      $('#link2').bind(event, handler); 
     }); 
    }); 
} 

Answer 1

यदि आप क्लोनिंग के बिना किसी ऑब्जेक्ट से दूसरे ऑब्जेक्ट्स को प्रतिलिपि बनाना चाहते हैं, तो आप ईवेंट ईवेंट को सीधे एक्सेस करके ऐसा कर सकते हैं।

उदाहरण के लिए, यदि आप ने क्या किया:

$("#the_link").click(function(e){ 
    // do some stuff 
    return false; 
}.mouseover(function(e){ 
    // do some other stuff 
}); 

आप तत्व की 'घटनाओं' डेटा में उन घटना सहयोगियों का उपयोग कर सकते

var events = $("#the_link").data('events'); 

यह एक वस्तु जिसका कुंजी घटना का प्रतिनिधित्व किया जाएगा टाइप करें, प्रत्येक में ईवेंट एसोसिएशन की एक सरणी है। भले ही, यहां एक सरल उदाहरण है, नामस्थानों के लिए लेखांकन नहीं। के रूप में मैं नामस्थान और अन्य घटनाओं (जैसे कि "पेस्ट" के रूप में) है कि jQuery में एक विधि का उपयोग नहीं कर रहे हैं

var events = $("#the_link").data('events'); 
var $other_link = $("#other_link"); 
if (events) { 
    for (var eventType in events) { 
     for (var idx in events[eventType]) { 
      // this will essentially do $other_link.click(fn) for each bound event 
      $other_link[ eventType ](events[eventType][idx].handler); 
     } 
    } 
} 

Answer 2

this resource देखें।

Answer 3

आप clone कर सकते हैं एक तत्व और नए तत्व को मनचाहे में हेरफेर, हालांकि jQuery दूसरे करने के लिए एक तत्व से ईवेंट हैंडलर्स कॉपी करने के लिए एक आसान तरीका प्रदान नहीं करता है। हालांकि, कोड है कि यह करना होगा होगा:

var events = jQuery.data(originalElement, "events"); 

for (var type in events) { 
    for (var handler in events[ type ]) { 
     jQuery.event.add(targetElement, type, events[ type ][ handler ], events[ type ][ handler ].data); 
    } 
} 

लेकिन यह jQuery internals पर कुछ हद तक निर्भर करता है के बाद से, मैं एक समाधान क्लोन का उपयोग कर बनाने के लिए कोशिश करेंगे।

Answer 4

स्वीकृत जवाब मेरे लिए काम नहीं किया।

यह मेरे लिए काम किया:

function copyEvents(source, destination) { 
    // Get source events 
    var events = source.data('events'); 

    // Iterate through all event types 
    $.each(events, function(eventType, eventArray) { 
     // Iterate through every bound handler 
     $.each(eventArray, function(index, event) { 
      // Take event namespaces into account 
      var eventToBind = event.namespace.length > 0 
       ? (event.type + '.' + event.namespace) 
       : (event.type); 

      // Bind event 
      destination.bind(eventToBind, event.data, event.handler); 
     }); 
    }); 
} 

Answer 5

यह Brandons काम पर आधारित है, लेकिन सभी jQuery-संस्करणों के साथ काम करने के लिए अद्यतन। 1.6.4 पर 2.0.x पर परीक्षण किया गया।

/** 
* Logic for copying events from one jQuery object to another. 
* 
* @private 
* @name jQuery.event.copy 
* @param jQuery|String|DOM Element jQuery object to copy events from. Only uses the first matched element. 
* @param jQuery|String|DOM Element jQuery object to copy events to. Copies to all matched elements. 
* @type undefined 
* @cat Plugins/copyEvents 
* @author Brandon Aaron (brandon.aaron@gmail.com || http://brandonaaron.net) 
* @author Yannick Albert (mail@yckart.com || http://yckart.com) 
*/ 
jQuery.event.copy = function (from, to) { 
    from = from.jquery ? from : jQuery(from); 
    to = to.jquery ? to : jQuery(to); 

    var events = from[0].events || jQuery.data(from[0], "events") || jQuery._data(from[0], "events"); 
    if (!from.length || !to.length || !events) return; 

    return to.each(function() { 
     for (var type in events) 
     for (var handler in events[type]) 
     jQuery.event.add(this, type, events[type][handler], events[type][handler].data); 
    }); 
}; 

Answer 6

यह मेरी लिपि में बहुत अच्छा काम करता है।

$.each($('#original').data('events'), function() { 
    // iterate registered handler of original 
    $.each(this, function() { 
    $('#target').bind(this.type, this.handler); 
    }); 
}); 

मैं इसे यहाँ (स्रोत) पाया: http://snipplr.com/view/64750/