Question

我想在输入框中更改十六进制时立即更改按钮的颜色。

＆＃13;

namespace WatchfreeWebsite
{
public class ItemsClass
  {

    public int ItemID
    { get; set; }

    public string ItemTitle
    { get; set; }

    public string ItemType
    { get; set; }

    public string ItemImageLink
    { get; set; }

    public string ItemPageLink
    { get; set; }

    public Visibility ItemUpdate
    { get; set; }
  }
}

＆＃13;

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

＆＃13;

但是，没有它不起作用是否有任何事情可以更精确地完成？

Answer 1

使用$('#hex').on('input')这样的事件：

＆＃13;

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

＆＃13;

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

＆＃13;

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

动态更改按钮的颜色

1 个答案: