在JavaScript中,如果你想获取鼠标选中的内容所在的<p>
标签,可以通过以下步骤实现:
window.getSelection()
方法获取用户选中的内容。<p>
标签。document.addEventListener('mouseup', function() {
// 获取选中的内容
const selection = window.getSelection();
if (selection.rangeCount > 0) {
const range = selection.getRangeAt(0);
// 获取包含选中内容的父节点
const container = range.commonAncestorContainer;
// 遍历父节点,找到最近的<p>标签
let pTag = null;
while (container && container.nodeType !== Node.ELEMENT_NODE) {
container = container.parentNode;
}
while (container && container.nodeName !== 'P') {
container = container.parentNode;
}
if (container) {
pTag = container;
}
console.log(pTag);
}
});
mouseup
事件,可以实时获取用户选中的内容。<p>
标签的情况。<p>
标签选中:如果用户选中的内容跨多个<p>
标签,上述代码会返回最近的<p>
标签。可以根据需求调整逻辑,处理跨标签的情况。通过上述方法,你可以有效地获取鼠标选中内容所在的<p>
标签,并根据具体需求进行进一步的处理。
领取专属 10元无门槛券
手把手带您无忧上云