javascript - jQuery 替代 .keyup 函数

Question

我想知道 .keyup 函数的替代方案。示例

$(".color").keyup(function () {
    var top_header = $("#top_header").val();
    $("#top").css("background-color", top_header);
});

---

<input value="#121212" class="color" id="top_header" type="text" />

当我们键入输入文本时，此代码将使用新背景更改 id='top'。

现在我把它改成jscolor到外地。所以当我们点击文本输入时会显示颜色生成器。

问题

我应该用什么替换 .keyup(function () 来使 make 颜色立即改变而无需输入？

不使用 jscolor 的示例 http://jsfiddle.net/5dsXT/

Answer 1

您正在寻找 onChange 事件尝试用 .change() 替换 .keyup() 函数。

示例

$(document).ready(function () {
    $(".color").change(function () {
        var top_header = $("#top_header").val();
        $("#top").css("background-color", top_header);
    });
});

<input value="#121212" class="color" id="top_header" type="text" />

编辑您可以在他们的“tweaking”页面上看到他们使用事件的示例。