禁用和启用onclick？ [复制]答案

【问题标题】：Disabling and enabling onclick? [duplicate]禁用和启用onclick？ [复制]
【发布时间】：2018-01-16 14:09:17
【问题描述】：

<p id = "a" onclick = "doStuff()">Textextextext</p>
<p onclick = "disable()">disable the first p</p>
<p onclick = "enable()">enable the first p</p>
function disable() {
    document.getElementById("a").onclick = null;
}
function enable() {
    document.getElementById("a").onclick = //command?//
}

我不希望它成为一个按钮，我只想制作一个可点击的段落，它可以变得不可点击。启用onclick的命令是什么？我已经搜索过这个问题，但找不到答案，所以我在问。

【问题讨论】：

什么是不可点击的段落？您的段落包含文本，那么您要做什么？

标签： javascript html

【解决方案1】：

实现这一点的一种方法是使用一个变量来存储它是否可点击。请检查sn-p。

var canDoStuff = true;

function disable() {
   canDoStuff = false;
}
function enable() {
   canDoStuff = true;
}

function doStuff(){
  if ( !canDoStuff ) return; /* Do nothing if canDoStuff == false */
  alert( "Doing STuff" );
}

<p id = "a" onclick = "doStuff()">Textextextext</p>
<p onclick = "disable()">disable the first p</p>
<p onclick = "enable()">enable the first p</p>

【讨论】：

【解决方案2】：

要禁用，您可以使用

document.getElementById(id).style.pointerEvents="none";
document.getElementById(id).style.cursor="default";

启用

document.getElementById(id).style.pointerEvents="auto";
    document.getElementById(id).style.cursor="pointer";

【讨论】：