javascript - 编辑输入值时更改颜色

标签 javascript jquery html css

我正在尝试根据输入值更改 backgroundColor,但它似乎不起作用,当我从颜色选择器更改颜色时,即使我可以看到输入值发生变化?

http://jsfiddle.net/AHZBT/4/

Java 代码

$(function() {
    var bgColor = $('#colorpickerField1').val();   
    $('body').css("backgroundColor",'#' + bgColor);

    $('#colorpickerField1').keyup(function() {
       $('body').css("backgroundColor",'#' + $(this).val());
    });
});

最佳答案

使用变化事件:

    $('#colorpickerField1').change(function() {
       $('body').css("backgroundColor",'#' + $(this).val());
    });

关于javascript - 编辑输入值时更改颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32976088/

相关文章:

javascript - div 100% 页面高度,无垂直滚动

php - 将文件导入到 Mysql 数据库并使用 PATHINFO_EXTENSION

PHP 中的 javascript 函数名称

javascript - 单击某个选项,然后将值传递给链接到唯一 url 的 "buy now"按钮

javascript - 如何避免文本框中出现空值

jquery - 如何在 jQuery 异步中提交表单?

javascript - 访问 iframe 内容(在 Firefox 插件 javascript 中)

javascript - esri QueryTask 不返回结果

JavaScript insertAfter 和 insertBefore

html - 如何从增加高度的相对位置移除额外空间?