document.onclick 或 window.onclick 可防止打开输入类型颜色

Question

我正在制作全局选择功能，并尝试使用以下方法：

document.onclick = callback;

或

window.onclick = callback;

问题是这些方法阻止输入类型="颜色"运行(打开(，它似乎覆盖了一些东西，我无法找出确切的内容。

<input type="color">

因此，当我单击输入类型颜色时，它也会触发我的onclick事件，从而阻止输入颜色打开，有没有办法解决这个问题？

Answer 1

好的，我想通了。我所要做的就是检查单击目标元素的类型，如果类型为"颜色"，则从回调中简单地"返回"。

if (event.target.type && event.target.type === 'color') return;