鼠標單擊或懸停時的清除間隔

Question

我有一個全屏圖像滑塊，它沒有自動播放功能，所以我必須編寫自定義腳本來單擊下一個按鈕。

這

var interval = setInterval(function() { 

document.querySelector('.fp-controlArrow.fp-next').click(); 


}, 7000); 

setTimeout(function() { clearInterval(interval); }, 44000); 

但現在，每當用戶點擊同一個類（.fp-controlArrow.fp-NEXT）的按鈕，我很想給clearInterval。 JS能否以某種方式區分模擬點擊和真實鼠標點擊之間的區別？如果是這樣，那麼代碼是什麼？

如果沒有，也許有可能清除懸停按鈕與.fp-controlArrow.fp-next類間隔？

謝謝！

Answer 1

是的，您可以通過使用isTrusted事件偵聽器中的事件對象的屬性來區分用戶生成的事件與代碼生成的事件。

var elem = document.querySelector('.fp-controlArrow.fp-next'); 

elem.addEventListener("click", function(event) { 
    if(event.isTrusted) 
     clearInterval(interval); 

    }, false); 

https://developer.mozilla.org/en/docs/Web/API/Event/isTrusted

Answer 2

可以使用mousedown事件爲真正的點擊。

var el = document.querySelector('.fp-controlArrow.fp-next') 
el.addEventListener('mousedown', function(){ 
    clearInterval(interval); 
}); 

工作例如：https://jsfiddle.net/fov47eny/

您也可以使用isTrusted但對瀏覽器的支持有限。

if (e.isTrusted) { 
    /* The event is trusted. */ 
} else { 
    /* The event is not trusted. */ 
}