Срочно! Двойной клик на кнопку

Question

У меня есть кнопка, которая должна сработать, если нажать на неё два раза с задержкой не больше 300мс. Помогите, пожалуйста, реализовать.

Что-то не могу разобраться, а дело очень срочное

Заранее спасибо!

Answer 1

По условию обязательно не более 300 мс? Иначе можно использовать dblclick, но задержка чуть больше. HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button class="button">click me</button>
    <script src="script.js"></script>
</body>
</html>

JS:

const button = document.querySelector('.button');
button.addEventListener('dblclick', () => {
    alert('clicked!!!');
});

Answer 2

Костыли конечно , может в ondblclick есть встроенная функция отслеживания интервала нажатия , но можно попробовать как то так:

 var s = true 
    function double() {
        event.preventDefault()
        s=!s
        setTimeout(()=>{
            s=!s
        },300)
        if(s){
            console.log('ok')
        }
    }

БЛОГ НА HUSL

Срочно! Двойной клик на кнопку

Ответы (2 шт):