我写了一些代码并在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中运行?