javascript - JavaScript 按钮功能交换

Question

我想要做的是：我有一个输入类型按钮，我想在第一次点击时替换它的功能。

<input type="submit" class="submit-button" value="Submit" name="boom" />

所以一个用于提交的[按钮]，我想用一些 jquery 插件显示警报，但让我们在这里用普通的 javascript 警报（默认窗口）来做。

所以第一次点击它会是

alert('Something');

在第二次单击时，它将成为默认功能（提交）。

我怎样才能实现这样的目标？

当然，如果单击按钮一次，然后重新加载页面，它会在第一次单击按钮时再次显示相同的警报。

Answer 1

使用one().

将处理程序附加到元素的事件。每个元素最多执行一次处理程序。

例子：

$(".submit-button").one("click", function(e) {
    // will only run on first click of element
    e.preventDefault();
    alert("Something"); 
});

Answer 2

尝试这个：

<script type="text/javascript">
    var clicked = false;

    function btnClick(e) {
        if(clicked === false) {
            alert('Something');
            clicked = true;
            e.preventDefault();
            return true;
        } else {
            return false;
        }
    }
</script>

<input type="submit" onclick="btnClick(event)" class="submit-button" value="Submit" name="boom" />