Действие, если кнопка мыши нажата более 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>

Новые блоги и статьи Все статьи Все блоги /
Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .

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

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