javascript - 单击按钮时更改值

Question

我有一个代码，当我按下“S”键时，它会增加变量“money”，我想在按下按钮时更改该值，但它不起作用。

谢谢。

增加“金钱”:

document.addEventListener('keydown', function(event) {
console.log("Event");
if(event.keyCode == 83) {
console.log("Key Pressed");
document.getElementById("key").innerHTML = "<img src=\"stick2.gif\">";
shoot -= 1;
document.getElementById("shoot").innerHTML = shoot;
if(shoot > 0){
money += 4;
document.getElementById("money").innerHTML = money;
document.getElementById("cash").innerHTML = "<img src=\"money.png\">";
    }
  }
}

更改值:

    function onClick12()   {
    document.getElementById("ak").innerHTML = "<img src=\"ak/ak1.png\">";
    document.getElementById('b1').disable = true;
    if(event.keyCode == 83 && shoot > 0) {
    money += 8;
    document.getElementById("money").innerHTML = money;
    document.getElementById("cash").innerHTML = "<img src=\"money.png\">";
      }
    }
    function onClick13()   {
    document.getElementById("ak").innerHTML = "<img src=\"ak/ak4.png\">";
    document.getElementById('b4').disable = true;
    if(event.keyCode == 83 && shoot > 0) {
    money += 12;
    document.getElementById("money").innerHTML = money;
    document.getElementById("cash").innerHTML = "<img src=\"money.png\">";
        }
      }

按钮:

<input type="button" onclick="onClick12()" id="b1" value="Use">
<input type="button" onclick="onClick13()" id="b4" value="Use">

Answer 1

if(event.keyCode == 83 && shoot > 0)

变量事件未在您的 onClick12/13 函数范围内定义请注意，如果您仍然从 onclick 事件获取事件数据，您将不会获得键码，因为 click 事件不嵌入键盘信息。

但是你真的希望你的用户按下一个键并点击你想要的东西吗？如果是这样，我建议您捕获 keydown 事件以在变量中注册当前按下的键，并捕获 keyup 事件以重置该值。

该变量应该在函数外部定义，以便其他函数可以访问它。这是基本内容

var key83Pressed = false;
document.addEventListener('keydown', function(event) {
    key83Pressed = event.keyCode == 83;


}
function onCLick12(){
    if(key83Pressed){

    }
} 
document.addEventListener('keyup', function(event){

    if(event.keyCode==83){
          key83Pressed  = false;
    }

});