「 JS Spectrum」という優れたツールを使用しています。ツールを複数の場所で使用していますが、これらの複数のインスタンスが原因でコードが非常に長くなります。もちろん、クラスを作成して、そのクラスでスペクトル コードを呼び出すこともできます。ただし、どのIDが関数を呼び出したかをイベントターゲットに通知して、それに応じて変更イベントを設定する方法がわかりません。
ありがとう
「 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
});