javascript - 使用Java或jQuery获取表单输入以进行背景颜色处理

如何实时获取表单输入并使用它们来更改元素的背景颜色？

我有一个输入字段，它将接受六位数的十六进制值：

<input name="acct-bcolor" id="acct-bcolor" class="color" value="141414">

提前致谢。
-B

最佳答案

应该这样做：

function updateColor(){
    var len = $('#acct-bcolor').val().match(/[0-9A-F]{1}/ig).length;
    if( len == 3 || len == 6 )
        $('body').css('background-color','#'+$('#acct-bcolor').val());
}
updateColor(); // Run once at page load
$('#acct-bcolor').bind('focus',function(){
    $(this).bind('keyup', updateColor);
}).bind('blur.bgcolor',function(){
    $(this).unbind('keyup');
});

Test case

关于javascript - 使用Java或jQuery获取表单输入以进行背景颜色处理，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1183369/