如何使用 window.open() 限制在 Javascript 中打开的选项卡数量

Question

我有一个简单的页面，上面有一个按钮，在这个按钮后面有代码，可以在 Web 浏览器中打开一个新页面/选项卡。我将以 google.co.uk 为例。window.open("www.google.co.uk");这很好用！但我想知道是否有可能，一旦它被点击并且新标签打开，有没有办法让它不能继续被点击？如果该新选项卡随后关闭，那么您可以重新单击它吗？（只是为了限制人们不要继续点击它并打开多个标签）

Answer 1

我有一个解决方案，但如果您希望计数器在刷新时保持持久性（让我知道，我将编辑我的答案），您将不得不修改它。我的解决方案是添加一个每次点击按钮增加1的变量，然后检查是否超过了一个值：

let count = 0
const eventListener = () => ((count += 1) < 10/*your max # of clicks*/) ? alert('max # of clicks')/*whatever you want to do*/ : window.open('www.google.co.uk')

或者，如果您正在使用 HTMLonclick属性，并希望它都在一行上：

<button onclick="(((window.count || window.count = 0) += 1) < 10/*your max # of clicks*/) ? alert('max # of clicks')/*whatever you want to do*/ : window.open('www.google.co.uk')">Open google</button>

此 javascript 将计数变量设置为 0，然后，在每次单击按钮后，它会增加计数器并检查它是否大于同时的最大点击次数。之后，它会根据它（计数器）是否大于最大数量来做您想做的任何事情。