当你在屏幕上点击其他地方时，如何用css取消选择文本？

Question

我想确保点击任何地方都能取消选择的文本。

我正在使用。

h1{user-select: text;}

它选择了文本，但不能通过点击其他地方来取消选择。

我怎样才能用简单的方法做到这一点？

比如说

css:.content h1{user-select: text;}。

html.css:.content h1{user-select: text;}

页眉1

每次我选择页眉1时，由于用户选择css方法，它都会选择文本，但我点击屏幕上的其他地方，它就会保持选择状态。我想选择并点击任何地方来取消选择。

Answer 1

在这里，你可以放一个例子，你可以使用javascript做的东西。

有了这个算法，如果他点击文档中的任何区域，选择就会被取消

document.addEventListener('click', e => {
   window.getSelection().removeAllRanges()
})

<h1>Here is my text!</h1>