刪除自舉的ColorPicker值

我有其具有附接到其一個ColorPicker一個簡單的文本字段。我在字段旁邊添加了一個圖標，可以刪除字段值（由顏色選擇器生成）的內容。代碼如下。刪除自舉的ColorPicker值

奇怪的是後我刪除的值 - 如果我點擊頁面上的其他地方，價值回來！代碼和下面的簡單示例。

再現步驟：

通過使用顏色拾取產生十六進制代碼。
點擊X刪除字段值。
點擊頁面中的身體其他部位，該值將返回。

千恩萬謝

HTML代碼：

<input type="text" name="x_fontColor" id="x_fontColor" size="30" maxlength="10" value="" class="colorpicker"> 
    <span class="trigger" data-for="x_fontColor">X </span>

JS：

$(".colorpicker").colorpicker();    
$(".trigger").click(function(){ 
    $("#"+$(this).data('for')).val('');    
});

FIDDLE LINK：http://jsfiddle.net/W2Mcy/

來源

2013-07-16 kneidels

它在[插件的網站]發生（http://www.eyecon.ro/bootstrap-colorpicker/）too.They在他們的計算[這裏]（HTTP使用'mousedown'事件.RO /自舉-顏色拾取/ JS /自舉-colorpicker.js）。 – anpsmn

從Docs，似乎可以用

.colorpicker('setValue', value)

我在你的小提琴中試過了，它正在工作，但下面設置#ff0000爲默認顏色。

$(".trigger").on('click', function(){ 
       $('input').colorpicker('setValue', '').val(''); // clear both value of input and set default color 
      });

看到這個updated fiddle。

希望你能理解。

來源

2013-07-16 20:21:42 Praveen

謝謝。但正如你所說的 - 將其設置到FF0000，而不是空的:( – kneidels

@kneidels試圖找出希望會發現它 – Praveen

謝謝我想我是做錯了，但也許它在腳本 – kneidels

我知道這是一個古老的線程，但如果別人運行到這個問題，你可以將「透明」作爲值。

.colorpicker('setValue','transparent');

不幸的是，顏色選擇器會顯示在該領域「透明」，所以它不是完全空或「」值，但已經很接近了，如果你在一個做顏色的實時更新它應該工作預覽類型的情況。

希望這會有所幫助。 //www.eyecon：

來源

2016-09-06 23:28:06

有趣，謝謝。你能給一個簡單的小提琴看嗎？ – kneidels

刪除自舉的ColorPicker值

回答

相關問題