标记DOM节点以供将来查询

Question

I want to be able to 'tag' any position in the browser with the mouse pointer and then being able to highlight this place in the future.

How can I 'capture' this DOM location in a mouseDown event?

Thank you.

Answer 1

You can use the 'target' property of the MouseEvent to get the top-most element in the DOM at the position where the mouse was clicked.

let highlightedEl;

window.addEventListener('mousedown', function(event) {
   highlightedEl = event.target;
});