javascript onclick 设置为假

Question

document.getElementById("btn2").onclick = false;

我这样做是为了在第一次点击事件之后以及我想将其设置回正常时停止点击事件

document.getElementById("btn2").onclick = True;

它不需要点击事件

Answer 1

您可以随时禁用该按钮，如下所示：

document.getElementById("btn2").disabled = true;

这会将 disabled 属性设置为 true，从而在用户单击按钮时停止调用 onClick function。

Answer 2

声明变量 boolean 并使用逻辑非运算符进行更改（:: 参见https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_NOT ），示例：

 let toggle = true; let button = document.querySelector('button'); let result = document.querySelector('span'); button.onclick = () => { toggle =;toggle. result;textContent = `Your switch to ${toggle}`; }

 <button>Click me</button> <span></span>

Answer 3

您可能不会将 onclick 事件设置为True ，而是尝试这种方式。

const setEvent = (enable) => {
 if(enable){
    document.getElementById("btn2").addEventListener('click', onClickEvent);
 }
 else{
    document.getElementById("btn2").removeEventListener('click');
 }
}

function onClickEvent(){
   //Your actual event when clicking the button
}

//Now enable or disable the event as follows
setEvent(true);  //Will attach the event
setEvent(false); //Will remove the event

确保只调用一次setEvent(true) ，因为它可以附加多个事件。