Как отменить выделение текста, когда вы нажимаете в любом месте экрана с css?

Question

Я хочу убедиться, что нажатие в любом месте отменяет выделение текста.

Я использую:

h1{user-select: text;}

, он выделяет текст, но затем не может отменить его, нажав в другом месте.

Как я могу сделать это простым способом?

например:

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

html:

Заголовок 1

каждый раз, когда я выбираю Заголовок 1, он выбирает текст из-за метода выбора пользователя css. но затем я нажимаю в другом месте экрана, и он остается выбранным. Я хотел бы выбрать и щелкнуть в любом месте, чтобы отменить выбор.

Answer 1

Здесь вы можете привести пример того, что вы можете сделать, используя javascript.

С помощью этого алгоритма, если он нажимает на любую область в документе, выбор отменяется

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

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