動態改變按鈕的顏色

Question

我試圖改變按鈕的顏色，只要我改變輸入框中的十六進制。

$(document).ready(function(){ 
 
    $("#hex").on('change', function(){ 
 
    var hex = $("#hex").val(); 
 
    $("#btn").css({"background-color":hex}); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="hex" /> 
 
<input type="button" id="btn" />

但是，沒有它不工作，有什麼東西可以更精確地完成？

Answer 1

使用$('#hex').on('input')事件是這樣的：

$(document).ready(function(){ 
 
    $("#hex").on('input', function(){ 
 

 
     var hex = $("#hex").val(); 
 
     $("#btn").css({"background-color":hex}); 
 
     }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="hex" placeholder="red" /> 
 

 
<input type="button" id="btn" />

嘗試鍵入文本里面輸入顏色的名稱，看到了按鈕顏色的變化！