所以当您输入 HEX 时我有一个页面,它会更改为该背景。问题是,出于某种原因,您需要先按空格键。我的问题是我怎样才能拥有它,以便在初始加载时,您可以在不按空格的情况下输入它?这是我的输入背景变化代码
$('.hex').keyup(function(){
var a = $(this).val();
$('#example').text(a);
console.log(a);
$('body').css('background', '#'+a);
});
Here's一个演示。在第一个框中输入一个十六进制。什么都不会发生,然后按空格键并输入另一个十六进制。
最佳答案
您需要将 onkeyup
事件处理程序注册代码放在 onkeydown
事件处理程序之外。
这是 onkeydown
事件处理程序中的代码:
$(document).keydown(function(e) {
if (e.keyCode == '32') {
//...
//you placed the onkeyup event handler registering code here
//which is wrong
}
}
//you should place the code here
$('.hex').keyup(function(){
var a = $(this).val();
$('#example').text(a);
console.log(a);
$('body').css('background', '#'+a);
});
Updated demo.
关于javascript - 仅在按键后颜色变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24222981/