Как быть с mouseevents и currentTarget в es6?

Question

[copal]

Есть класс, который получает DOM элементы, которые нужно подписать под мышиные события.
Элементы, это родители, которые имеют множество детей, которые реагируют на mousedown, что
не дает использовать arrow function. И получается, что создай я метод класса для того чтобы из него
(из хенделера) обратится к самому классу, я теряю currenttarget. А если я делаю... а просто функцию даже если и сделаю, что очень дико для классов, то теряется контекст this.

Что делать? Возможно есть способ отключить реакцию детей на мышь?

Вот пример https://jsfiddle.net/ruxqkd5s/5/ он демонстрирует, что при нажатии на ребенка я не могу получить тот объект, который подписывал на событие. Это можно сделать только если хандлер не метод. Но в таком случаи я теряю контекст класса.
И сразу добавлю что этот пример не работает в песочнице, так как es7 не поддерживает.

Я хоть и придумал выход, но он через создание карты хендлеров и их currentTarget.

Comments

[Stalker_RED]

Можете описать подробнее, что мешает использовать arrow function? Чего вы вообще пытаетесь добиться?

[Stalker_RED]

Вот и родители и дети обрабатывают один клик, например https://jsfiddle.net/Lyowky7t/

[copal]

Stalker_RED: обновил вопрос, надеюсь что так будет на сто процентов понятно.

[Stalker_RED]

copal: Нет, этот фрагмент неработающего кода с ошибками синтаксиса и обращением к несуществующим элементам не дает ответа на вопрос "что вы хотите сделать?".

Подписать разные классы на события? Или это? https://jsfiddle.net/ruxqkd5s/1/
я всё еще пытаюсь с вами поиграть в телепатию.

[copal]

Stalker_RED: прошу прощения за ошибки их и правда там очень много. Вот о чем я https://jsfiddle.net/ruxqkd5s/5/ Но и Ваш пример тоже близок к истине. Когда я нажимаю на ребенка, то в хендлере не могу получить родителя. Но зато могу к нему обратится как к this в хендлере. Но тогда я потеряю контекст класса...

[Алексей Зуев]

copal: а если через event.currentTarget. https://jsfiddle.net/ruxqkd5s/6/

[copal]

Алексей Зуев: что самое интересное я знал о currentTarget не понаслышке и даже вопрос называется "как быть с currentTarget".. Я вчера сотню раз проверял, гуглил, проверял в различных песочницах, но его так и не было, всегда было null. Сегодня Вы сказали, я полез проверять чтобы более красочно уведомить Вас в неправоте.. Ага, фиг, все работает :) У меня просто слов нет. Спасибо!

Answer 1

[sanex3339]

Если я все правильно понял, вот как я делаю на примере жкверьки.

$('.some-class').on('click', (event) => {
    $.proxy(this.clickEventHandler(event), this);
});

Вот пример
https://jsfiddle.net/pnwd2r8r/3/

Comments

[copal]

Спасибо за пример, но это к сожалению не то..