залипание

@Nebiros · Регистрация: 23.03.2010

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

есть текстовое окно в котором можно вводить цифры а также есть две кнопки + и - , при их нажатии аналогично прибавляется или уменьшается значении в поле, только вот постоянно нужно нажимать чтобы по одному прибавлялось или вычиталось, как сделать чтобы при нажитии и удерживании кнопки действие многократно вызывалось?
на данный момент действие вызывается при помощи onkeyup="" ...

@Nebiros · 25.06.2011, 12:59 **[ТС]**

Сообщение от Vovan-VE

Когда нажали, setInterval(), а когда отпустили, clearInterval().

неполучается применить , както неправильно я все это леплю, немоглибы вы показать рабочий пример - если нажата то в окне высвечивается 1 а нет то 0 ?

Vovan-VE · 25.06.2011, 13:43

Если грубо как-нибудь, то так:

HTML5
1
2
<input type="button" value="+" id="inc" />
<span id="cnt">0</span>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$(function(){
    var cnt = $('#cnt'), T;
    $('#inc').mousedown(Start).mouseup(Stop);
    function Inc(d) {
        cnt.text(function(i, t){
            return parseInt(t) + (d || 1);
        });
    };
    function Start() {
        function F(){
            Inc();
            T = setTimeout(F, 50);
        };
        Inc();
        T = setTimeout(F, 400);
    };
    function Stop() {
        clearTimeout(T);
        T = void 0;
    };
});

jQuery здесь по сути роли не играет.

Добавлено через 1 минуту
При желании можно дописать постепенное увеличение шага инкремента, что бы плюсовало всё быстрее и быстрее, когда долго держим.

@Nebiros · 25.06.2011, 14:01 **[ТС]**

Сообщение от Vovan-VE

jQuery здесь по сути роли не играет.

я вообще стараюсь никаких библиотек не использовать и естественно их и не рассматриваю и не изучаю. Можно пример кода на чистой яве или хоть ссылку где описывается рабочий вариант а смотрел некоторые но они неработают...

@xAtom · 25.06.2011, 15:10

Вот вариант попробуй.

JavaScript
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
35
36
37
<html>
<head>
<script  language="JavaScript" type="text/javascript">
 
// здесь инкремент и дикремент
var tkey = ' ';
function event_math() {
    var inc = parseInt(document.getElementById("cnt").innerHTML);
    inc = (tkey == '+') ? inc + 1 : inc - 1; 
    document.getElementById("cnt").innerHTML = inc;
}
 
// таймер
var _tm = null;
function on_iter(idc, ch) {
    if(idc == 1)
        _tm = setInterval("event_math()", 50);
    else {
        clearInterval(_tm);
        _tm = null;
    }
    tkey = ch;
}
 
 
</script>
 
</head>
<body>
 
<input type="button" value="+" onmousedown="on_iter(1, '+')" onmouseup="on_iter(2, ' ')" style="width:100px;">
<input type="button" value="-" onmousedown="on_iter(1, '-')" onmouseup="on_iter(2, ' ')" style="width:100px;">
 
<span id="cnt">0</span>
 
</body>
</html>

Vovan-VE · 25.06.2011, 15:58

Сообщение от Nebiros

Можно пример кода на чистой яве

Пожалуйста

HTML5
1
2
3
4
<body onload="Init()">
 
<input type="button" value="+" onmousedown="Start()" onmouseup="Stop()" />
<span id="cnt">0</span>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var cnt, T;
function Init() {
    cnt = document.getElementById('cnt');
};
function Inc(d) {
    cnt.innerHTML = parseInt(cnt.innerHTML) + (d || 1);
};
function Start() {
    function F(){
        Inc();
        T = setTimeout(F, 50);
    };
    Inc();
    T = setTimeout(F, 400);
};
function Stop() {
    clearTimeout(T);
    T = void 0;
};

Новые блоги и статьи Все статьи Все блоги /
Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .

@Nebiros 41 / 40 / 16 Регистрация: 23.03.2010 Сообщений: 3,122

	залипание 24.06.2011, 20:25. Показов 4088. Ответов 5 Метки нет (Все метки) есть текстовое окно в котором можно вводить цифры а также есть две кнопки + и - , при их нажатии аналогично прибавляется или уменьшается значении в поле, только вот постоянно нужно нажимать чтобы по одному прибавлялось или вычиталось, как сделать чтобы при нажитии и удерживании кнопки действие многократно вызывалось? на данный момент действие вызывается при помощи onkeyup="" ... 0