Как передать данные от объекта к объекту кликая по ним курсором мыши?

Question

[semki096]

Точнее - куда записывать промежуточные данные? Создавать какой-то объект или он уже существует? Как например при перетаскивании мышкой - создается объект dataTransfer, может что то подобное есть и по клику, я не знаю. Как это правильно сделать?

Comments

[Andrew]

яннп
где вы по ним кликаете?
в редакторе?

[semki096]

Andrew, да кликаю на страничке. По клику надо куда то записать данные, чтоб по второму клику передать их другому объекту. Например как в раскрасках - кликаю на красный цвет, потом на картинку и она становится красной.

Answer 1

[Сергей Соколов]

Между двумя кликами - выбором источника и выбором цели - может пройти неопределённое время.
В течение этого времени нужно как-то хранить результат первого клика - копию объекта, переменную, ссылку на выбранный объект.

Например, пусть будет переменная, ссылка на выбранный объект-источник.

Comments

[Andrew Lewman]

:)

Answer 2

[Andrew Lewman]

В браузере вы кликаете по DOM элементам, которые в свою очередь являются объектами. Если речь не идет о фреймворках, то вы можете повесить слушатель, например так:

<p onclick="myFunction(this, 'Татьяна')">Я объект 1, посмотрите на меня!</p>
<p onclick="myFunction(this, 'Сергей')">Я объект 2, посмотрите на меня!</p>

function myFunction(element, name) {
  console.log(element, name)
}

element даст доступ к dom объекту со всеми его свойствами, кастомный аргумент name - к имени который вы указали в DOM