首頁(yè) 猿問(wèn) 如何使用...

如何使用 window.open() 限制在 Javascript 中打開(kāi)的選項(xiàng)卡數(shù)量

JavaScript

ibeautiful 2021-12-02 16:08:27

我有一個(gè)簡(jiǎn)單的頁(yè)面，上面有一個(gè)按鈕，在這個(gè)按鈕后面有代碼，可以在 Web 瀏覽器中打開(kāi)一個(gè)新頁(yè)面/選項(xiàng)卡。我將以 google.co.uk 為例。window.open("www.google.co.uk");這很好用！但我想知道是否有可能，一旦它被點(diǎn)擊并且新標(biāo)簽打開(kāi)，有沒(méi)有辦法讓它不能繼續(xù)被點(diǎn)擊？如果該新選項(xiàng)卡隨后關(guān)閉，那么您可以重新單擊它嗎？（只是為了限制人們不要繼續(xù)點(diǎn)擊它并打開(kāi)多個(gè)標(biāo)簽）

查看完整描述

1 回答

德瑪西亞99

TA貢獻(xiàn)1770條經(jīng)驗(yàn) 獲得超3個(gè)贊

我有一個(gè)解決方案，但如果您希望計(jì)數(shù)器在刷新時(shí)保持持久性（讓我知道，我將編輯我的答案），您將不得不修改它。我的解決方案是添加一個(gè)每次點(diǎn)擊按鈕增加1的變量，然后檢查是否超過(guò)了一個(gè)值：

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 將計(jì)數(shù)變量設(shè)置為 0，然后，在每次單擊按鈕后，它會(huì)增加計(jì)數(shù)器并檢查它是否大于同時(shí)的最大點(diǎn)擊次數(shù)。之后，它會(huì)根據(jù)它（計(jì)數(shù)器）是否大于最大數(shù)量來(lái)做您想做的任何事情。

反對(duì) 回復(fù) 2021-12-02