亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在javascript中使用另一個按鈕來防止按鈕上的點擊事件觸發?

如何在javascript中使用另一個按鈕來防止按鈕上的點擊事件觸發?

RISEBY 2022-08-27 09:43:19
我有一個帶有id“myButton”的按鈕,當點擊它時,它應該每次增加id“clickCount”的span中的計數1,另一個按鈕有一個id“deactivate”,當點擊時,它應該不再允許計數的增加,即使點擊id為“myButton”的按鈕,我可以管理到計數的增加, 但不知道如何在不禁用第一個按鈕的情況下阻止計數增加。斷續器<button id="myButton">Click me!</button><p>You clicked on the button <span id="clickCount">0</span> times</p><button id="deactivate">Désactivate counting</button>Javascriptlet myButton = document.getElementById('myButton');let newCount = document.getElementById('clickCount');let deact = document.getElementById('deactivate');let count = 0; myButton.addEventListener("click", function() { count++; newCount.innerText = count;});
查看完整描述

2 回答

?
米脂

TA貢獻1836條經驗 獲得超3個贊

您可以添加 在停用時更改為 true 的 ,并在它為 false 時允許遞增:boolean


let myButton = document.getElementById('myButton');

let newCount = document.getElementById('clickCount');

let deact = document.getElementById('deactivate');

let count = 0;

let deactivated = false;

deact.addEventListener("click", function(){

     deactivated = true;

});

myButton.addEventListener("click", function() {

     if(!deactivated){

          count++;

          newCount.innerText = count;

     }

});

<button id="myButton">Click me!</button>

<p>You clicked on the button <span id="clickCount">0</span> times</p>

<button id="deactivate">Désactivate counting</button>


查看完整回答
反對 回復 2022-08-27
?
慕桂英546537

TA貢獻1848條經驗 獲得超10個贊

從單擊其他按鈕時刪除事件偵聽器#myButton


let myButton = document.getElementById('myButton');

let newCount = document.getElementById('clickCount');

let deact = document.getElementById('deactivate');

let count = 0;

function handler() {

  count++;

  newCount.innerText = count;

}


myButton.addEventListener('click', handler);

deact.addEventListener('click', () => myButton.removeEventListener('click', handler));

<button id="myButton">Click me!</button>

<p>You clicked on the button <span id="clickCount">0</span> times</p>

<button id="deactivate">Désactivate counting</button>


查看完整回答
反對 回復 2022-08-27
  • 2 回答
  • 0 關注
  • 157 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號