jquery click 雙擊是指在jquery中通過對(duì)元素的click事件進(jìn)行設(shè)置,實(shí)現(xiàn)雙擊效果。雙擊效果能夠增加網(wǎng)頁的交互性,讓用戶的操作更加方便快捷。以下是jquery click 雙擊的實(shí)現(xiàn)方法。
$(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事件的嵌套實(shí)現(xiàn)了雙擊的效果。在click事件中,分別記錄了點(diǎn)擊次數(shù)和點(diǎn)擊間隔時(shí)間,并根據(jù)此來觸發(fā)相應(yīng)的事件。
拓展:jquery click 雙擊也可以通過jquery的bind()和dblclick()方法來實(shí)現(xiàn),具體代碼如下。
$(selector).bind('click', function(){ // 單擊事件 }).dblclick(function(){ // 雙擊事件 });
以上就是jquery click 雙擊的實(shí)現(xiàn)方法。