浏览器兼容问题彻底掌握

渐进增强与优雅降级：https://www.zhangxinxu.com/wordpress/2010/04/css-%E6%B8%90%E8%BF%9B%E5%A2%9E%E5%BC%BA%E5%9C%A8web%E5%88%B6%E4%BD%9C%E4%B8%AD%E5%B8%B8%E8%A7%81%E5%BA%94%E7%94%A8%E4%B8%BE%E4%BE%8B/

1.HTML对象获取问题：

FireFox：document.getElementById("idName");

ie:document.idname或者document.getElementById("idName").

解决办法：统一使用document.getElementById("idName");

2. const问题

说明:Firefox下,可以使用const关键字或var关键字来定义常量;

IE下,只能使用var关键字来定义常量.

解决方法：统一使用var关键字来定义常量.

3.event.x与event.y问题

说明:IE下,event对象有x,y属性,但是没有pageX,pageY属性;

Firefox下,event对象有pageX,pageY属性,但是没有x,y属性.

解决方法：使用mX(mX = event.x ? event.x : event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX.

转载：https://www.cnblogs.com/alongup/p/9018396.html

https://blog.csdn.net/Golden_soft/article/details/80734502