鼠标单击或悬停时的清除间隔

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. */ 
}