layui颜色选择器在火狐中不兼容的问题

最近做项目时遇到一个问题，就是layui框架的颜色选择器功能在火狐浏览器中不兼容的问题，当时第一反应是在网上找到解决的办法，但是发现并没有找到，然后就决定自己看下layui的源码，废话不多说，进入主题。

首先我把layui关于颜色选择模块的代码（colorpicker.js）进行解压跟踪，发现出问题的地方在此，这个方法的作用是当完成颜色选择或者取消颜色选择时将颜色选取器弹出框进行删除。我们打印出w发现它是document,说明layui是将该方法绑定在document节点上的，可以理解为点击页面其他地方删除颜色选择器弹出框。在谷歌浏览器中，该方法不会影响到颜色选择的正常使用；**可是当我们再火狐上进行测试跟踪时发现，当我们点击颜色选择器进行选择颜色时也会触发这个方法，导致点击后颜色选择器弹出框就被删除，无法进行颜色选择；**我的理解是，在火狐中，如果给document绑定了点击事件，那么尽管颜色选择器弹出框是动态加载的dom,也会绑定该点击事件，从而导致了该BUG的发生。那么我们可以针对该发现去解决问题。

解决办法
首先定义一个全局变量

然后我们需要找到改变颜色触发的方法，在这里去修改变量，经过测试跟踪发现是下面这个方法

当触发改变颜色后，flag的值就为true，那么我们回到一开始给document绑定点击事件的方法中增加一个条件判断，当！flag时，说明当前不是修改颜色的时候，那么就进行颜色选择器弹出框的删除，这样就解决了BUG了。本来打算直接去判断点击事件的e参数，但是发现layui好像把这个都做了处理，没办法进行判断。