两次单击同一按钮上的两个事件

Question

我需要创建一个按钮，如下所示：

var i = true

first click --> var i = false
second click --> var i = true
....

HTML

 <input type="button" value="test" onclick="stop(); start();" />

如何在JS文档中指定这些函数？

Answer 1

做一个点击计数器

var countClick= 0

if (countClick== 1) {
        //do the first click code
    }
    if (countClick== 2) {
        //do the second click code
    }

Answer 2

你可以这样做

<input type="button" value="test" />

和javascript代码。

var btn = document.getElementsByTagName('input')[0];
var i = true;

btn.addEventListener('click', function() {
    if (i == true)
        i = false;
    else
        i = true;
});

Answer 3

通过执行以下操作，可以切换布尔值：

var b = true;
b = !b

在您的情况下，请使用：

<input type="button" value="test" onclick="b = !b;" />

最好用函数来做这件事

var b = true;
function toggle () { b = !b; console.log(b) }

在你的html中

<input type="button" value="test" onclick="toggle();" />