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/