javascript - js频谱多个目标

Question

我正在使用一个名为“ JS Spectrum ”的出色工具。我在多个地方使用该工具，这些多个实例导致我的代码很长。显然，我可以创建一个类并在该类上调用频谱代码。但是，我看不到如何让事件目标告诉我哪个 ID 调用了该函数，以便我可以相应地设置更改事件。

谢谢

Answer 1

事件处理程序内部的值this将指向更改颜色的字段：

<input type='text' id="custom1" class="picker" />
<input type='text' id="custom2" class="picker" />

function colorChanged(newColor) {
    console.log('color at ' + this.id + ' changed to ' + newColor)   
}

$(".picker").spectrum({
    color: "#f00",
    change : colorChanged
});

http://jsfiddle.net/e4FuH/1/