为网站创建一个“一次性可点击”按钮

【问题标题】：Create an "one time clickable" button for a website为网站创建一个“一次性可点击”按钮
【发布时间】：2020-08-13 06:48:48
【问题描述】：

我想创建一个“一次性可点击”按钮来启动我的网站...您能帮我解决这个问题吗？我几乎尝试了 Stack Overflow 中的所有内容，但没有什么能解决这个问题。

【问题讨论】：

请在问题中包含您尝试过的内容。
您使用什么框架为按钮设置动画？普通的javascript，jquery，反应？请添加一些代码。

标签： javascript html css button dom-events

【解决方案1】：

1) jQuery one() 方法

如果你使用 jQuery，有一个鲜为人知的 one() 事件绑定方法，它实现了一次性事件。

$(document).ready(function(){
  $("button").one("click", function(){
    alert("You'll only see this once!");
  });
});

HTML :-

<button>click me</button>

2) JavaScript 如果您使用的是原始 JavaScript，则任何处理函数都可以使用一行代码自行删除：

document.getElementById("myelement").addEventListener("click", handler);

// handler function
function handler(e) {
    // remove this handler
    e.target.removeEventListener(e.type, arguments.callee);

    alert("You'll only see this once!");
}

【讨论】：