Question

如何提取与光标位置关联的标签。在下面的HTML示例中，当我的光标位于“关联”时，我想获取有关将哪些标记添加到“关联”文本的信息。

<html>
<body>
How <b>to <font color="#FF000">extract<i> the tags associated with </i>Cursor </b>location</font>
</body>
</html>

这里我想得到“b，font，i”

是否可以获取此信息。

Answer 1

我不太确定你在问什么，但我假设你在谈论常规光标而不是插入符号。

你可以这样做：

var lastElementEntered = null;

document.onmouseover = function(e) {
    e = e || window.event;
    lastElementEntered = e.target || e.srcElement;
};

document.onmouseout = function() {
    lastElementEntered = null;
}

function getCursorElementPath() {
    var tagNames = [];
    if (lastElementEntered) {
        var node = lastElementEntered;
        while (node && node != document.body) {
            tagNames.unshift(node.nodeName);
            node = node.parentNode;
        }
    }
    return tagNames;
}

alert( getCursorElementPath() );

如何提取与Cursor位置关联的标记

1 个答案: