Couleur HTML5 changement de couleur de changement de couleur

Question

Je fais un formulaire où vous pouvez prévisualiser le résultat. Je l'ai fait ceci:

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+"); 
    }); 
}); 

Ce qui ne fonctionne pas. Des idées?

Merci!

Edit: jsFiddle ici: http://jsfiddle.net/xgm34/

Nouvelle édition

Answer 1

Utilisez l'événement de changement de jQuery:

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

http://jsfiddle.net/j27Bu/

Answer 2

Vous avez oublié de fermer des accolades et des parenthèses

$(document).ready(function() { 
$("#color").click(function() { 
     $("#colorchange").css("color","+color+"); 
    }); 
}); 

Soit dit en passant:

• La couleur tapez en entrée ne pas exist
• Ne pas oublier de fermer élément d'entrée yout />

Answer 3

utilisation de ce code -

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

voir ce violon - http://jsfiddle.net/xgm34/10/

Answer 4

en utilisant le bouton, il changera la couleur tout en tapant.

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

    }); 

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