JavaScript 按钮函数交换

Question

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

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

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

所以第一次点击会是

alert('Something');

第二次点击时它将成为默认功能(提交)。

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

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

Answer 1

使用one() .

Attach a handler to an event for the elements. The handler is executed at most once per element.

示例:

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