Как настроить функцию короткого и длинного нажатия кнопки?

Question

[Swift-U]

Здравствуйте, решил попробовать реализовать идею, суть в том, что при коротком нажатии на кнопку выпадает меню а при долгом удержании выпадает popup окно, своеобразный 3D Touch, поискав, нашёл почти готовый код ,но у меня не получаться настроить его, что бы он работал, не так давно начал JS изучать, ещё не шарю хорошо. Если кто-то может помочь, что бы при долгом нажатии начало выпадать popup окно буду очень благодарен!
https://codepen.io/Swift_u/pen/zQQqmr

Comments

[Rustam Bainazarov]

Хоть это не моё дело, но в вебе никто не поймёт, что у вас, оказывается, есть ещё и длительное нажатие с каким-то там попапом. В нативных-то приложениях и в системном UI мобильных ОС далеко не все знают об этом, а тут про веб, где этого отродясь не было.

Просто вставляю свои три копейки. Реализовать это можно. Плюс, надо user-select: none с префиксами в CSS прописать, чтобы убрать выделение текста по длительному нажатию (так проще будет, чем на JS).

[Rustam Bainazarov]

И учтите, что overscroll-behavior: none; убивает механизм «потяните, чтобы обновить» в Android Chrome.

У вас это свойство для html и body в примере кода есть.

[Rustam Bainazarov]

Попробуйте это, если реально так нужно:
https://gist.github.com/cemerson/5388204

[Swift-U]

Рустам Байназаров, Благодарю за то, что ответили ,но у меня он не работает, эт скорее всего я рукожоп или код не работает (

[Swift-U]

Рустам Байназаров, Возможно, но тут уже больше хочется разобраться и понять как он работает

[dollar]

Не очень хорошая идея, имхо. Пользователю еще догадаться нужно, что такая фича есть.

А почему бы не добавить, что если обвести мышкой 3 раза вокруг меню, то появляется совсем секретный попап? До этого вообще никто никогда не догадается, не глядя в код.

[skuvaWeb]

dollar, это просто отличная идея для пасхалки! Оставлю свои инициалы где-нибудь :D

Answer 1

[Александра]

Я только учусь, но полагаю, что нужно навесить EventListener на "клавиатурные события", которые вам нужны.

Answer 2

[Антон Усачев]

Можно эмулировать долгое нажатие на кнопку. Например, вот так:

var pressTimer;

$("a").mouseup(function(){
    // чистим таймер
    clearTimeout(pressTimer);
    return false;
}).mousedown(function(){
    // ставим таймер
    pressTimer = window.setTimeout(function() {
        // здесь пишем наш код
    },1000);
    return false; 
});

Далее поиграться с таймерами. Если слишком мало времени прошло, регистрируем одно нажатие и даем меню. Если много – открываем поп-ап. Ну и вместо a, конечно, может быть и кнопка мыши, и код любой кнопки на клаве.

Comments

[Swift-U]

хороший код, но как я понял, тут нету привязки к id поэтому он будет срабатывать на любом элементе на который ты будешь нажимать