查找区域内的所有元素

Question

如果我想查找框区域内的所有元素，那么作为Firefox扩展的最佳方法是什么？如果我检查所有的离开元素并调用getBoundingClientRect（），它会太慢，因为页面上的叶子很容易超过500个。

任何帮助将不胜感激。感谢。

Answer 1

您可以使用document.elementFromPoint并访问每个第五个像素（每五个像素比访问每个单个像素要快得多），将每个找到的元素添加到数组中：

function getElementsInRegion(x, y, width, height) {

    var elements = [],
        expando = +new Date,
        cx = x,
        cy = y,
        curEl;

    height = y + height;
    width = x + width;

    while ((cy += 5) < height) {
        cx = x;
        while (cx < width) {
            curEl = document.elementFromPoint(cx, cy);
            if ( curEl && !curEl[expando] ) {
                curEl[expando] = new Number(0);
                elements.push(curEl);
                cx += curEl.offsetWidth;
            } else {
                cx += 5;
            }
        }
    }

    return elements;

}