jquery click 雙擊是指在jquery中通過對元素的click事件進行設置,實現雙擊效果。雙擊效果能夠增加網頁的交互性,讓用戶的操作更加方便快捷。以下是jquery click 雙擊的實現方法。
$(selector).click(function(){ var count = 0; var timer = null; return function(){ count++; var _this = $(this); if(count == 1){ timer = setTimeout(function(){ clearTimeout(timer); count = 0; _this.trigger('singleClick'); },300); }else if(count == 2){ clearTimeout(timer); count = 0; _this.trigger('doubleClick'); } } }).on('singleClick', function(event){ // 單擊事件 }).on('doubleClick', function(event){ // 雙擊事件 });
這段代碼通過click事件的嵌套實現了雙擊的效果。在click事件中,分別記錄了點擊次數和點擊間隔時間,并根據此來觸發相應的事件。
拓展:jquery click 雙擊也可以通過jquery的bind()和dblclick()方法來實現,具體代碼如下。
$(selector).bind('click', function(){ // 單擊事件 }).dblclick(function(){ // 雙擊事件 });
以上就是jquery click 雙擊的實現方法。