【问题标题】:Make a button only do something after a certain number of clicks?让按钮只在点击一定次数后才做某事?
【发布时间】:2019-07-13 19:02:25
【问题描述】:

有没有办法让按钮在 HTML 中执行一定数量的点击之前完全无用?

例如,一个按钮在被点击时不做任何事情,直到它被点击 100 次。 在第 100 次点击时,它会链接到一个单独的页面,上面写着“恭喜!您找到了一个秘密页面!”

【问题讨论】:

  • 设置点击计数器
  • 您可以这样做,但不能使用 HTML。您将不得不为此使用 javascript 或 jQuery。
  • 在计数器变量中维护点击计数,并检查每次点击是否超过阈值

标签: html button click


【解决方案1】:

您可以使用计数器在点击时递增,并且在某些点击时您可以运行您想要的功能

var count = 0;

function a() {
  count++;
  if (count == 3)
    alert("pressed 3 times")
}
<button onclick="a()">click me 3 times</button>

【讨论】:

    【解决方案2】:

    您可以通过点击 100 次来使用它移动到另一个页面。

    var count = 0;
    
    
    function func() {
    count++;
     if (count == 100)
    ("#butn").href("your link here");
       }
     <button id="butn" onclick="func()"></button>
    

    【讨论】:

    • 虽然此代码可能会回答问题,但提供有关它如何和/或为什么解决问题的额外上下文将提高​​答案的长期价值。
    猜你喜欢
    • 2012-10-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-10-29
    • 2020-07-01
    相关资源
    最近更新 更多