Input Colorから新しい色の値を取得するにはどうすればいいですか？

入力色を使用して、表のセル内のテキストの色を変更します。Input Colorから新しい色の値を取得するにはどうすればいいですか？

セルを選択してカラーボタンをクリックし、色を選択してEnterキーを押します（Chromeの場合）。

私の問題はです。カラーボタン（と再び開いているウィンドウ）をもう一度押すと色が変わる問題です。

新しい色を再度クリックせずに選択した後、要素の値を変更/取得する方法は？

これはに関連していますか？EventListener私は入力カラーに使用しますか？

私はこのためにJavaScriptを使用する必要があります。jQuery

出典

2016-04-01 user3450862

どのように 'change'リスナーはどうですか？ @RayonDabre 'this.inputC.onchange =' alert（） ';'を追加しました。 '編集しました：' ' – Rayon

@ 'function alert（）{alert（ "Changed"）;}'で値の変化を検出したかどうかを調べようとしました。全く検出されません。カラーチューザーを閉じた後で、ボタンをもう一度クリックするだけで値が変わります。 – user3450862

いくつかのコードでより良いJSフィドル – joyBlanks

入力値はonchangeイベントで取得できます。

jQuery('#color').on('change',function(){ 
 
\t jQuery('#choosen-color').text(jQuery(this).val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input type="color" id="color"> 
 
<div id="choosen-color"></div>

出典

2016-04-01 10:41:15 AlmasK89

Input Colorから新しい色の値を取得するにはどうすればいいですか？

答えて

関連する問題