JavaScript クリック タイマー
JavaScript でクリック タイマーを使用して、コンテンツ管理システム内のナビゲーションをキャンセルまたは有効にする
当社のCMSに不可欠
コンテンツ管理システムのユーザー インターフェイスの大部分は、リンクのクリックの処理方法に合わせて調整されているため、柔軟に操作できるものが必要でした。
私たちのシステムでは、リンクを 1 秒未満クリックすると、その周りのコンテンツを編集できますが、1 秒以上長押しすると、リンクがたどられます。
タイマーとタイマー間隔を使用して、アイテムがクリックされた時間の長さを計算します。
JavaScript
var clickTimer = 0, clickTimerInterval;document.addEventListener("mousedown", function (event) { clickTimer = 0; clickTimerInterval = setInterval(function () { clickTimer += 1; }, 1000);}, false);document.addEventListener("click", function (event) { event.preventDefault(); if (event.target.tagName.toLowerCase = 'a') { if (clickTimer >= 1) { alert('You held for more than 1 second'); setWindowLocation(event.target); } else { alert('You held for less than 1 second'); } } else { }; clearInterval(parent.clickTimerInterval);}, false);function setWindowLocation(element) { var newUrl = element.toString(); window.location.replace(newUrl);}