javascript - 为什么 event.pageX 在 Firefox 中不起作用？

Question

我编写了一些代码并在 Opera 中对其进行了测试——一切正常。当我在 Firefox 中打开相同的代码时，它不起作用。Chrome 和 Edge 也可以正常工作。我收到错误消息“未定义事件”。Mozzila devolper 官方网站说 event.pageX 正在工作：https ://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/pageX 。这是我的代码：

<script>
function funcpos(){
    document.getElementById('layer').style.left = event.pageX;
    document.getElementById('layer').style.top = event.pageY;
}
function trans(){
    var div = document.getElementById('txt1');
    div.className = "trans";
}
function norm(){
    var div = document.getElementById('txt1');
    div.className = "norm";
}
</script>
<style>
p.trans{
opacity:0}
p.norm{
text-shadow:1px 1px 8px #000000;
color:#EFEFEF;
opacity:1}
</style>
<div id=layer style="background:rgba(0, 0, 0, 1); position: absolute; width: 500px; height: 0px; left: 0px; top: 0px;"><p id=txt1 class=trans>Some Text</p></div>
<img onmousemove='funcpos()' id=img1 src=bild.png onmouseenter="norm()" onmouseout="trans()"/>

如何运行此代码以在 Firefox 中运行？

标签： javascripthtmlfirefoxbrowsercompatibility