Странное делегирование в js? Почему объекты не копируются?

Question

[Klaus Kater]

Здравствуйте. Есть такая конструкция, объект, на него навешана куча обработак всяких дропов, кликов и пр.
Пытаюсь создать второй объект, почти такой же как и первый, но один из обработчиков надо заменить.
При подобной конструкции (код ниже) обработчик просто вешается следом, и на изначальный объект, и на новый.
Громко не ругайтесь, ООП систему js еще не понимаю, но пытаюсь.

В консоли явно видно последовательный вызов 2х функций.

var item = $('#container1');    // Делаю объект из дом элемента
item.target = $(item).children('.target');    // Дропы принимает не сам объект, а один из дочерних узлов (так надо)
// тут куча обработок
// и наконец сам обработчик дропа
item.target.on('drop', function(e) {
    console.log('Drop');
});

var item_2 = {};
item_2.__proto__ = item;    // пытаюсь скопировать объект
// пытаюсь переназначить обработчик
item_2.target.on('drop', function(e) {
    console.log('Drop 2');
});

Answer 1

[kazmiruk]

У Вас item.target и item_2.target - один и тот же объект, на который Вы и вешаете событие. При вызове item_2.target происходит поиск target сначала в item_2, затем не находит его и лезет в item как в прототип.

Answer 2

[Никита]

обычно копируют объекты через clone()

Answer 3

[Klaus Kater]

item_if = $(item).clone(true);
item_if.target - undefined
Что я делаю не так?