Открываем ссылку по двойному клику.

Рассмотрим как сделать, чтобы ссылка открывалась по двойному клику мыши.

Если щёлкнуть один раз по ссылке, а потом отвести мышку, то нужно будет снова нажимать на ссылку дважды. Поддержка браузерами 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>

 

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
× iOs app

To install this Web App in your iPhone/iPad press iOs sourse and then Add to Home Screen.