Posted By

chlab on 04/26/12

Tagged

event
jquery
copy

Versions (?)

Last Edited at 04/26/12 10:02pm

Statistics

Viewed 1419 times

Favorited by 0 user(s)

Related snippets

Copy one element\'s eventhandlers to another

/ Published in: jQuery

Here's a snippet for copying (all) the eventhandlers of one element to another with jQuery and effectively cloning the behavior of one element.

Keep in mind that if it's possible, you should just register the same handlers you actually need, instead of just blindly copying all of them. But in some cases, e.g. when using a plugin that you do not wish to modify, this can come in handy.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

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