在JavaScript中找到position的鼠標事件目標

Question

我實際上並不想觸發事件。 如果在 position x/y 處單擊鼠標，我只想以編程方式找出哪個元素將處理onmousedown 。

目的是然后向該元素添加一個攔截器 which point-event: none

Answer 1

// without pointer-events: none;
const element = document.elementFromPoint(mouseX, mouseY);

function elementsFromPoint(x, y) { // pointer-events: none;
    const elements = document.body.getElementsByTagName("*");
    var elementsList = Array.prototype.slice.call(elements);

    var results = []
    elementsList.forEach(element => {
        var rect = element.getBoundingClientRect();

        if (rect.left < x && x < rect.right && rect.top < y && y < rect.bottom) {
            results.push(element)
        }
    });
    return results;
}
window.addEventListener('load', () => {
    const textarea = document.querySelector('#text')
    document.addEventListener('click', (e) => {

        const element = elementsFromPoint(e.clientX, e.clientY);
        console.log(element)
    })

})