js频谱多个目标

js spectrum multiple targets

本文关键字：目标 js      更新时间：2023-09-26

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

事件处理程序中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/

相关文章：