javascript - 仅在按钮具有特定值属性时执行一些代码

Question

我正在尝试创建一个像泵一样工作的函数，因此它只会在按钮具有“打开”值时执行代码。我已经完成了以下操作，但这只是陷入了循环，有人可以帮忙吗，谢谢

<div id="main">
    <div id="intruc" class="instructions">Instructions go in here</div>
    <input type="button" value="On" id="onoff" onclick="pump();">
    <div id="moniac"></div>

</div>

<script>

function pump(button) {
    console.log("pump");
    currentvalue = document.getElementById('onoff').value;
    if(currentvalue == "Off"){
        document.getElementById("onoff").value="On";
        currentvalue == "On"
        run(currentvalue)
    }
    else{
        document.getElementById("onoff").value="Off";
        currentvalue == "Off"
        run(currentvalue)
    }
}

function run(status) {
    console.log("run");
    console.log(status);
    if (status==="On"){
        console.log("do all the code")
        run(status)
    }

}





</script>

Answer 1

我想你正在寻找的是 mousedown 事件，我做了一个干净的演示，你可以在你的代码中进行调整:

HTML

<button id="run">Off</button>

JavaScript

var runCode = false;
var button = document.getElementById("run");

function pump() 
{
    if (runCode) {
        /** Code to run, when on. **/
        button.innerText = "Off";
        runCode = false;
    } else {
        button.innerText = "On";
        runCode = true;   
    }
}

button.addEventListener("mousedown", pump);

“标志”runCode 决定代码是否应该运行。

示例

http://jsfiddle.net/coea3ckb/2/

编辑 1

您分配的值不正确，您使用的是 == 而不是 =。