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" />

JavaScript按钮功能交换

2 个答案: