Действие, если кнопка мыши нажата более 5 секунд

@гинеколог · Регистрация: 14.03.2012

Студворк — интернет-сервис помощи студентам

Подскажите, есть ли ява скрипт, который бы выполнял действие (например выводил сообщение), если левая кнопка мыши нажата более 5 секунд?

@newJS · 25.01.2013, 20:45

типа так?

JavaScript
1
2
3
4
5
6
7
8
9
var tim;
//нажали кнопку, запустился таймер, если успеет, сработает
document.onmousedown=function(){
tim=setTimeout(function(){alert(777);}, 5000);
 };
//отпустили кнопку, если таймер не успел, будет убит
document.onmouseup=function(){
clearTimeout(tim);
 };

@гинеколог · 26.01.2013, 17:05 **[ТС]**

Работает спасибо! То, что надо!!!!!

Добавлено через 19 часов 39 минут

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<html><head>
 
<script type="text/javascript">
 
var tim;
//нажали кнопку, запустился таймер, если успеет, сработает
document.onmousedown=function(){
tim=setTimeout(function(){document.getElementById("text").innerHTML="Вы удерживали мышь!!!";}, 500);
 };
//отпустили кнопку, если таймер не успел, будет убит
document.onmouseup=function(){
clearTimeout(tim);
 };
 
</script>
<script  type="text/javascript" src="scripts/zapret.js"></script>
 
<head>
<body>
 
<div id="text"></div>
 
 
 
</body>
</html>

А как сделать, чтобы при нажатии вне сообщения (после его появления), блок исчез?

@newJS · 26.01.2013, 20:31

Сообщение от гинеколог

А как сделать, чтобы при нажатии вне сообщения (после его появления), блок исчез?

Это взаимоисключающие требования.
Клик состоит из нажатия и отпускания мыши, оба эти события используются, собственно они и есть клик.
Возможное решение, разнести события по разным элементам, а сейчас всё на документ навешано.

@гинеколог · 26.01.2013, 20:34 **[ТС]**

спасибо! все понятно!
но может бть есть вариант, чтобы вставить кнопку закрыть в блок <div id="text"></div>

типа

HTML5
1
<a href="#"onClick="document.getElementById('text').style.visibility =  'hidden'">Закрыть</a>

но чтоб закрывалась кнопка эта вместе с тестом?

@newJS · 26.01.2013, 21:04

HTML5
1
2
<div id="text"></div>
<button onclick="clozet(this);">Закрыть</button>

добавить к тем двум

JavaScript
1
2
3
4
5
6
function clozet(el){
document.getElementById("text").innerHTML="";
el.style.visibility="hidden";//скроется, но будет занимать место
//или
//el.style.display="none";//скроется сжавшись в ноль
}

;
но теперь следующие удержание выведет только строку без кнопки, нужно переделывать чтобы кнопка появилась. в первую функцию строку добавить, или как оно там надо действовать

@гинеколог · 27.01.2013, 08:08 **[ТС]**

Сделал так, вроде то, что и требовалось, спасибо!

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html><head>
 
<script type="text/javascript">
 
var tim;
//нажали кнопку, запустился таймер, если успеет, сработает
document.onmousedown=function(){
tim=setTimeout(function(){document.getElementById("text").innerHTML="Вы удерживали мышь!!!<button onclick='clozet(this);'>Закрыть</button>";}, 500);
 };
//отпустили кнопку, если таймер не успел, будет убит
document.onmouseup=function(){
clearTimeout(tim);
 };
function clozet(el){
document.getElementById("text").innerHTML="";
el.style.visibility="hidden";//скроется, но будет занимать место
//или
//el.style.display="none";//скроется сжавшись в ноль
}
 
</script>
<script  type="text/javascript" src="scripts/zapret.js"></script>
 
<head>
<body>
 
<div id="text"></div>
 
 
 
 
 
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .

@гинеколог 1 / 1 / 1 Регистрация: 14.03.2012 Сообщений: 78

	Действие, если кнопка мыши нажата более 5 секунд 25.01.2013, 17:56. Показов 6528. Ответов 6 Метки нет (Все метки) Подскажите, есть ли ява скрипт, который бы выполнял действие (например выводил сообщение), если левая кнопка мыши нажата более 5 секунд? 0

Опции темы