2013-10-11 162 views
8

我實現頻譜的顏色選擇器就好光譜顏色選擇器,使色彩

$(document).ready(function() { 
 
    $("#font_color").spectrum({ 
 
    color: "#f00" 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="https://cdn.rawgit.com/bgrins/spectrum/master/spectrum.js"></script> 
 
<link href="https://cdn.rawgit.com/bgrins/spectrum/master/spectrum.css" rel="stylesheet"/> 
 

 
<input type="text" id="font_color" />

的價值,但我不知道怎麼去使用JavaScript texfield內的值。有人能幫我嗎?

回答

4

輸入的值是多少?

var value = $("#font_color").val(); 
+0

謝謝!我現在知道要獲得價值。 :)添加onchange到輸入 –

+1

沒有工作。 $( 「#font_color」)頻譜( '得到')toHexString()。作品雖然 –

18

如果輸入字段方法不適合你,另一種方法是直接從頻譜本身獲取它。

$("#font_color").spectrum('get'); 

$("#font_color").spectrum('get').toHexString(); 

爲了得到它轉換。

+0

爲什麼這是如此醜陋?這是一種jQuery約定嗎?爲什麼不是: 'var myColorPicker = $('#font_color')。spectrum(); var color = myColorPicker.get()' – noio