Javascript 检测光标是否位于链接内并获取其href属性

在contenteditable div中，需要检测光标是否位于

---

而且顺便说一句，父项是JS保留字。

document.querySelectorAll（'ed a'）.forEach（link=>{
link.addEventListener（“鼠标悬停”，函数（事件）{
console.log（event.target.href）
});
})

.ed{
宽度：50%；
保证金：0自动；
高度：100vh；
填充：9px；
背景：橙色；
}

洛勒姆

而且顺便说一句，父项是JS保留字。

document.querySelectorAll（'ed a'）.forEach（link=>{
link.addEventListener（“鼠标悬停”，函数（事件）{
console.log（event.target.href）
});
})

.ed{
宽度：50%；
保证金：0自动；
高度：100vh；
填充：9px；
背景：橙色；
}

洛勒姆

如果您只想在上检查href attr，将光标聚焦在文本上，而不是将鼠标移到上，则可以在选择时使用focusNode和实例类型

.ed{宽度：50%；边距：0自动；高度：100vh；填充：9px；背景：橙色；}

洛勒姆

document.onselectionchange=（）=>{
var selection=window.getSelection（）；
var parentElement=selection.focusNode.parentElement；
if（HtmlanchoreElement的parentElement实例）{
console.log（parent.href）；
}
};

如果您只想在上检查href attr，将光标聚焦在文本上，而不是将鼠标移到上，则可以在选择时使用focusNode和实例类型

.ed{宽度：50%；边距：0自动；高度：100vh；填充：9px；背景：橙色；}

洛勒姆

document.onselectionchange=（）=>{
var selection=window.getSelection（）；
var parentElement=selection.focusNode.parentElement；
if（HtmlanchoreElement的parentElement实例）{
console.log（parent.href）；
}
};

如何设置焦点或其他内容，而不是鼠标悬停。所以只要光标在里面，pls@qadenza只需将其更改为单击即可？如何设置焦点或其他内容而不是鼠标悬停。所以只要光标在里面，pls@qadenza然后把它改成点击？