Javascript 鼠标向下侦听器不'；不能在Firefox中使用绝对定位元素

我遇到了一个奇怪的问题，我需要一些帮助来解决这个问题。我有一个简单的按钮，里面有一个div（位置：绝对），下面是代码：

document.querySelector（“.mask”）
.addEventListener（'mousedown'，e=>console.log（e.type））

按钮{
位置：相对位置；
宽度：200px；
高度：60px；
背景：无；
边框：1px实心#1c90f3；
}
.面具{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
背景：rgba（281442430.2）；
}

点击

我认为这里的问题在于，您以某种不受支持的方式使用了

标记，而Firefox则是一个坚持者

---

根据MDN，元素只能包含--这不包括

元素。如果您将父级

按钮

更改为

div

，则播放效果很好（尽管您必须重写CSS）

我认为这是因为Firefox对按钮有更好的规则，并且它们应该是什么样的，请查看解决方法。@cookieMan如果您愿意更改。将掩码设置为按钮将正常工作，但随后会出现一个新问题，即每个按钮都将与此事件绑定。谢谢。这是非常有用的，尽管奇怪的是其他浏览器没有这个问题。是的。--web开发的奇怪之处在于，您的代码部署在许多不同的平台上——每个平台都有不同的W3规范实现。旧的internet explorer通常无法正确或完全实现规范——同样，当您编写的代码不完全遵循语法或结构规则时，新的浏览器会提供不同程度的“宽恕”。这就是其中一个例子——Chrome可能会让你过得去，但Mozilla决定他们不会投入工作来支持格式不正确的HTML。