javascript - HTML5 カラーピック変更スパンカラー

Question

結果をプレビューできるフォームを作成しています。私はこれを作った：

HTML:

<input type="color" id="color" />
<span id="colorchange">Foo</span>

JS:

 $(document).ready(function() {
    $("#color").click(function() {
         var color= $(this).attr('val'); // Not sure about this
         $("#colorchange").css("color","+color+");
    });
 });

うまくいきませんでした。何か案は？

ありがとう！

編集: jsfiddle ここ: http://jsfiddle.net/xgm34/

新しい編集

Answer 1

jQuery で change イベントを使用します。

$("#color").on('change', function() {
    $("#colorchange").css({"color":$(this).val()});
});

http://jsfiddle.net/j27Bu/

Answer 2

このコードを使用してください -

$(document).ready(function() {
    $("#color").change(function() {
        var color = $(this).val();
        $("#colorchange").css("color", color);
    });
});

このフィドルを参照してください - http://jsfiddle.net/xgm34/10/

Answer 3

キーアップで使用すると、入力中に色が変わります。

 $("#color").on('keyup',function() {
        $("#colorchange").css({"color":$(this).val()});

    });

http://jsfiddle.net/tamilmani/j27Bu/1/