jquery - テキスト入力でカラーピッカーの値を検出し、すぐにプレビューに表示する方法は?

Question

すぐに色が変わるプラグイン出力のプレビューを表示したい。入力テキストから値を取得するには、

• キーアップ
• かわった
• クリックで

機能。

しかし、カラーピッカーの場合、ユーザーはカラーピッカーと対話しているため、上記の機能は機能しません。明らかに、ユーザーがフォーカスするか入力を入力した場合にのみ機能するため、setInterval機能を使用しました

setInterval(function () {
    var h = jQuery('#bgcolor').val();
    jQuery(".bat-gh").css("background", h);
}, 100);

これは完全に機能しており、ユーザーが選択している出力を表示できます。

これが私の質問です：

1. これにより、プラグインに余分な負荷や負荷が発生したり、ブラウザが応答しなくなったりすることはありますか?
2. ユーザーが変更したときに色の値を表示する他の方法はありますか?

Answer 1

onChange イベントを追加できます。

var myOptions = {
    // a callback to fire whenever the color changes to a valid color
   -----> change: function(event, ui){}, <-----------------------
    };

$('.my-color-field').wpColorPicker(myOptions);