event火狐不支持，怎么兼容火狐浏览器

来源：互联网 2023-02-21 23:10:43 版权归原作者所有，如有侵权，请联系我们

做网页效果的时候需要用到js中的event监听鼠标事件，在ie与chrome浏览器中使用是正常的，但是在火狐浏览器中就不好使了，怎么才能兼容火狐浏览器呢？

方法/步骤

在文件夹中创建一个“event”的html文件。

event火狐不支持，怎么兼容火狐浏览器

在其中添加一个id为“show”的div，并且给予背景色。

event火狐不支持，怎么兼容火狐浏览器

在div中添加onmousedown监听鼠标按下，执行show_click方法中的event获得鼠标点击位置。

function show_click(){

alert("鼠标点击位置x=" event.clientX);

}

event火狐不支持，怎么兼容火狐浏览器

在chrome浏览器打开，鼠标点击就会弹出窗口并显示位置信息。

event火狐不支持，怎么兼容火狐浏览器

4相关内容非法爬取自百度经验

然后在火狐浏览器中打开，鼠标根本没有效果，event不被执行。

event火狐不支持，怎么兼容火狐浏览器

后来自己对方法做了一下修改，把div中修改为show_click(event)。

function show_click(even){

e = window.event || even;

alert("鼠标点击位置x=" e.clientX);

}

event火狐不支持，怎么兼容火狐浏览器

再次在火狐浏览器中打开也可以弹出位置信息了，event可以在火狐中使用了，在chrome同样有效。

event火狐不支持，怎么兼容火狐浏览器

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！