在 Firefox 中停止冒泡事件

Question

我正在尝试处理触摸/鼠标事件。所以，我创建了这段代码：

myObject.addEventListener("touchstart", function(e){
    e.stopPropagation();
    e.preventDefault(); 
    console.log("Touched"); 
    mouseTouchDown(e);
}); 
myObject.addEventListener("mousedown", function(e){
    console.log("Clicked"); 
    mouseTouchDown(e);
}); 
function mouseTouchDown(e){
console.log("Some function.");};

我想停止触摸事件的冒泡，所以点击之后不会被触发。它适用于 Chrome，但在 Firefox 上我进入控制台：

Touched
Clicked

如何在触摸事件后停止鼠标点击触发？

我尝试返回 false，但它不起作用。

Answer 1

这看起来像是浏览器中的一个错误，您的代码看起来不错。

见：https://bugzilla.mozilla.org/show_bug.cgi?id=977226.
您使用什么操作系统/版本的 Firefox 进行测试？

Answer 2

您是否将两个事件都附加了相同的元素？

如果是这种情况，错误不是因为冒泡发生。当鼠标单击时会发生几个事件，例如mousedown、touchstart ..etc.so 如果你想避免发生鼠标单击事件添加preventDefault()在鼠标按下。这将禁用该元素上发生的默认鼠标单击事件。