修改 <a> 元素上单击事件的用户选择？

Question

当我单击 div 元素中的文本时，我可以修改选择。然而，这对于 link 元素是不可能的。有没有一种方法可以在不修改 html?

的情况下完成这项工作

document.addEventListener('click', click, true)

function click(e) {
  e.preventDefault()
}

setInterval(() => {
  let selection = window.getSelection();
  selection.modify('extend', 'forward', "documentboundary");
}, 100);

<div>text in div tag</div>
<a href="">text in a tag</a>

Answer 1

这个有用吗？

document.addEventListener('click', click, true)

function click(e) {
  e.preventDefault()
}

setInterval(() => {
  let selection = window.getSelection();
  selection.modify('extend', 'forward', "documentboundary");
}, 100);

a {
  user-select: text;
}

<div>text in div tag</div>
<a href="">text in a tag</a>

修改 <a> 元素上单击事件的用户选择？

Modify user selection on click event on an <a> element?

html

javascript