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

Question

When I click on the text in the div element i am able to modify the selection. However this is not possible with a link element. Is there a way I can make this work without modifying the 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

Does this work?

 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>