Как проверить, было ли событие возбуждено один раз?

Question

У меня есть код в JQuery, как это:

$("#something").click(function() { 
}; 

и внутри функции я хотел бы проверить, если #something была нажата только один раз в течение короткого времени, и если два и более, то действовать, как один раз.

Я попробовал этот код:

if(!event.detail || event.detail == 1) { do_something; } 

и он работает в большинстве браузеров, кроме Firefox. Я знаю почему, но не нашел для этого решения. Я пробовал preventDefault на dblclick событиях, но он не работает в Chrome ...

Любые идеи?

Answer 1

Вы можете использовать event.timeStamp, чтобы определить время между двумя событиями.

$("#something").click(function(event) { 
    this.lastClick = this.lastClick || 0; 

    if(event.timeStamp - this.lastClick > 200) { 
     // do something 
     alert('click'); 
    } else { 
     // last click occured below 200ms, set out `lastClick` to the current timestamp 
    } 

    this.lastClick = event.timeStamp; 
}); 

Я немного неаккуратно здесь, хранение lastClick на элементах DOM объекта представления. Возможно, вы захотите перенести эту переменную в более высокую область вашего приложения.

Answer 2

Существует негодный способ сделать это.

Иметь глобальную переменную,

Внутри события щелчка, увеличьте его.

Когда достаточное количество кликов накопил, удалить событие щелчка от элемента с помощью $(this) объекта

Answer 3

Я модифицирования вы код немного,

var counter =0; 
$("#something").click(function() { 
counter++; 
//alert("Clicked : " + counter); 
}; 

Я надеюсь, что это самый простой способ узнать, сколько раз он щелкнул.

если хотите контролировать щелчки, просто проверить с, если

if(counter >= 1) {...} 

Я думаю, что это будет делать :)

Answer 4

Используйте .dblclick() (Jquery) - двойной щелчок Используйте .click() (JQUERY) - один клик

Если 1,2 клика достаточно для вашей задачи - используйте их.

Удачи.