动态更改按钮的颜色

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" /> 

尝试在文本输入中键入颜色名称，然后查看按钮颜色的变化！