如何使用Javascript（jquery，dojo）制作新聞事件？

Question

在觸摸屏中。

• 如果我按住屏幕中央20秒，我想顯示警報（“這是一個秘密窗口”）;

• 如果我按下觸摸屏中的每個角落5秒鍾：頂部/左上/右下/右下/左，它將顯示警報（“這是更隱秘的窗口”）;

我如何在jQuery / Dojo或Mootools或普通的Javascript中執行此操作？ 有沒有人這樣做過？ 我沒有找到任何時間設置的“按下”事件。

注意：還會有很多正常的印刷輸入，所以我想以優化的方式進行，除了那兩個以外的實時操作。

Answer 1

您需要兩個事件處理程序和一個計時器。

// Put this lot in a closure so you don't pollute the global namespace.
(function () {
    var timer;
    function onTouchStart() {
        timer = setTimeout(doTheThing, 20*1000);
    }
    function onTouchEnd() {
        clearTimeout(timer);
    }
    function doTheThing() {
        alert('foo')
    }
})();

將onTouchStart / End綁定到相應元素上的相應事件。

查看一個更改為使用鼠標按鈕操作的工作示例 ，持續5秒鍾（因為此測試需要20個時間才能停留）。