Рассмотрим как сделать, чтобы ссылка открывалась по двойному клику мыши.
Если щёлкнуть один раз по ссылке, а потом отвести мышку, то нужно будет снова нажимать на ссылку дважды. Поддержка браузерами pointer-events довольно хороша.
Двойной щелчок по мне
<style> :not(:active) > a.DoubleClick1:not(:hover) { pointer-events: none; } </style> <a href="https://help.moroz.rv.ua/" class="DoubleClick1">Двойной щелчок по мне</a>
Если щёлкнуть один раз по ссылке, а потом отвести курсор мышки, то в следующий раз будет достаточно одного клика. Не работает в Хроме.
Двойной клик по мне
<style> :not(:active) > a.DoubleClick { position: relative; z-index: -1; transition: 0s 9999999s; } :active > a.DoubleClick { z-index: 1; transition: 0s; } </style> <a href="https://help.moroz.rv.ua/" class="DoubleClick">Двойной клик по мне</a>
Или еще один вариант — привожу код страницы целиком.
<!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html" /> <meta name="author" content="RAMStudio (Aleks Moroz)" /> <title>Неназванный 1</title> <style> .dblclick {position: relative;} .dblclick + span {position: absolute;top: -1px;left: -1px;width: 103%; bottom: -1px;z-index: 1;} .dblclick + span:active {left: -9999px;} .dblclick:hover {z-index: 2;} </style> </head> <body> <a class="dblclick" href="https://google.com">Double click me</a><span></span> </body> </html>