【问题标题】: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!");
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多