Страницы

Поиск по вопросам

вторник, 21 мая 2019 г.

Добавление элементов при клике на данный блок

Нужно сделать так, чтобы при клике по определённому блоку (100% на 100%, условно) на месте клика появлялась SVG точка.


Ответ

Добавлять элементы на место клика можно так:
var block = document.getElementById('block'); block.onclick = function(e) { var point = document.createElement('div'); point.className = 'point'; point.style.left = e.pageX + 'px'; point.style.top = e.pageY + 'px'; block.appendChild(point); } html, body { padding: 0px; margin: 0px; height: 100%; position: relative; } .block { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; } .block .point { position: absolute; width: 2px; height: 2px; background: #000; }


Комментариев нет:

Отправить комментарий