javascript - 如何使用光谱颜色选择器隐藏某些颜色

Question

我刚开始使用 Spectrum 的颜色选择器。所以我查看了 spectrum-color picker 必须提供的所有功能，但我找不到在颜色选择器中隐藏某些颜色以使用户无法选择它们的方法。

例如，所有浅色:#FFFFFF、#F5F5F5、#FFFAFA、#F0FFF0、#F5FFFA、#F0FFFF、#F0F8FF、#F8F8FF、#FFF5E、#F5F5DC、#FDF5E6、#FFFFF0、#FFFFF0、#FAEBD7 , #FAF0E6, #FFF0F5 不应该在颜色选择器中可用。

我有办法做到这一点吗？

Answer 1

您必须制作一个具有受限颜色 hax 的数组列表。那么你应该使用change方法来处理。和 jquery $.inArray() 函数来确定受限制的颜色。

例如

var banColor = ['#ffffff','#000000','#F0FFF0', '#F5FFFA', '#F0FFFF', '#F0F8FF', '#F8F8FF', '#FFF5E', '#F5F5DC', '#FDF5E6', '#FFFAF0', '#FFFFF0', '#FAEBD7', '#FAF0E6', '#FFF0F5'];

$(".example").spectrum({
    color: "#f00",
    change: function(color) {
        if( $.inArray( color.toHexString(), banColor ) >= 0 ){
            $("#basic-log").text("change called: " + color.toHexString() +' Is Not Allowed');
            // Reset your palate
        }
    }
});