jquery - Jquery.clickを1秒間

Question

ボタンを1秒間クリックした後にのみ機能を動作させる方法は？

例えば

$("#button").click(function(){
$(".panel").addClass('flip');

'flip'ボタンを1秒間押しただけで欲しいです。1秒未満クリックしても、クリックしません'flip'

提案してください。

Answer 1

$(document).ready(function(){
  $("#button").mousedown(function(e){
    var self = this;
    clearTimeout(self.mouseUpTimer);
    self.mouseUpTimer = setTimeout(function(){
      $(self).bind('mouseup.delay', function(e){
        $(".panel").addClass('flip');
        $(self).unbind('mouseup.delay');
      });
    }, 1000);
  }).mouseup(function(e){
    clearTimeout(this.mouseUpTimer);
  });
});

jsFiddle： http: //jsfiddle.net/zSPhK/