jQuery App是一款基于jquery框架構(gòu)建的應(yīng)用。其中一個(gè)比較有趣的功能是長(zhǎng)按。通過(guò)長(zhǎng)按按鈕,我們可以實(shí)現(xiàn)一些特殊的操作。
下面是一個(gè)簡(jiǎn)單的例子:
$(document).ready(function(){ var pressTimer; // 在按鈕上綁定mousedown和mouseup事件 $('#myButton').on('mousedown', function(e) { // 開始計(jì)時(shí),當(dāng)時(shí)間超過(guò)500毫秒時(shí)調(diào)用longPress()函數(shù) pressTimer = window.setTimeout(function() { longPress(e); },500); }).on('mouseup', function(e) { // 如果在500毫秒內(nèi)松開按鈕,取消計(jì)時(shí)器 window.clearTimeout(pressTimer); }); function longPress(e) { // 長(zhǎng)按時(shí)執(zhí)行的代碼 alert('您長(zhǎng)按了按鈕!'); } });
以上代碼通過(guò)綁定按鈕的mousedown和mouseup事件實(shí)現(xiàn)了長(zhǎng)按的效果。在mousedown事件中創(chuàng)建一個(gè)計(jì)時(shí)器,當(dāng)時(shí)間超過(guò)500毫秒后調(diào)用longPress()函數(shù)。在mouseup事件中清除計(jì)時(shí)器,如果在500毫秒內(nèi)松開按鈕,則不會(huì)觸發(fā)longPress()函數(shù)。
雖然這只是一個(gè)簡(jiǎn)單的例子,但是長(zhǎng)按功能應(yīng)用廣泛。例如在手機(jī)應(yīng)用程序中,長(zhǎng)按可以用于刪除、復(fù)制、粘貼等操作。