修改用户对元素的点击事件的选择<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>