Рассмотрим как сделать, чтобы ссылка открывалась по двойному клику мыши.
Если щёлкнуть один раз по ссылке, а потом отвести мышку, то нужно будет снова нажимать на ссылку дважды. Поддержка браузерами pointer-events довольно хороша.
Двойной щелчок по мне
1 2 3 4 5 6 7 |
<style> :not(:active) > a.DoubleClick1:not(:hover) { pointer-events: none; } </style> <a href="http://help.moroz.rv.ua/" class="DoubleClick1">Двойной щелчок по мне</a> |
Если щёлкнуть один раз по ссылке, а потом отвести курсор мышки, то в следующий раз будет достаточно одного клика. Не работает в Хроме.
Двойной клик по мне
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<style> :not(:active) > a.DoubleClick { position: relative; z-index: -1; transition: 0s 9999999s; } :active > a.DoubleClick { z-index: 1; transition: 0s; } </style> <a href="http://help.moroz.rv.ua/" class="DoubleClick">Двойной клик по мне</a> |
Или еще один вариант — привожу код страницы целиком.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<!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="http://google.com">Double click me</a><span></span> </body> </html> |