elementFromPoint(）完整文档备选方案

elementFromPoint() full document alternative

本文关键字：方案 文档 elementFromPoint      更新时间：2023-12-02

我正试图从cookie中恢复一个值，该cookie位于用户单击的Y轴上的某个位置。然后，我想通过单击找到父<h2>（如果有帮助的话，所有的<h2>都是<div class="_bdnable_">的第一个子）。以下是我目前所拥有的：

var bookmarkLocation;
function getBookmarkPos() {
    if ($.cookie("bookmark-position") !== null) { 
        $(".bdnable").each(function(i) {
            var scrollTopTop = $(this).offset.top;
            var scrollTopBottom = $(this).offset.top + $(this).height();
            // var screenWidth = parseInt(screen.width/2);
            // alert(screenWidth);
            // var bookmarkPosition = parseInt($.cookie("bookmark-position"));
            // alert(bookmarkPosition);
            // var query = document.elementFromPoint(screenWidth, 50).nodeName;
            // alert(query);
            if ($.cookie("bookmark-position")>=scrollTopTop && $.cookie("bookmark-position")<=scrollTopBottom) {
                bookmarkLocation = $(this).closest("div").children(":nth-child(1)").text();
            }
        });

        if (bookmarkLocation == null) {
            bookmarkLocation = "Unknown";
        }
    } else {
        bookmarkLocation = "No bookmark set";
    }
    $("#bookmarklocationspan").html(bookmarkLocation);
}

在注释掉的部分，我尝试使用getElementFromPoint，然后意识到它只检查可见区域。不好，因为页面上可滚动的Y轴有1000像素高。

任何想法都将不胜感激！！！

如果您已经从cookie中获得了点击的y坐标，为什么不简单地比较所有H2的y位置，然后选择下一个"更高"的位置呢？你的方法看起来像是比较用户是否直接点击了H2，而不是它下面的文章/按钮？

只是一个想法——不要评价它的风格，想想它漂亮凌乱：

var $myH2 = $('h2');
var clickY = <COOKIE_VALUE>;
var currentY = 0;
var foundH2ID = '';
for (var i = 0; i < $myH2.length; i++) {
 var h2Y = $($myH2[i]).position().top;
 if (h2Y <= clickY && h2Y > currentY) {
  currentY = h2Y;
  foundH2ID = $myH2[i].id;
 }
}

或者我误会你了？

相关文章：