使用javascript禁用或启用html5图像

我想使用启用或禁用功能禁用我的游戏的所有图像，但它不起作用！ 你能帮我吗？我不知道如何在单个图像上禁用或启用onclick函数

试着这样做：

<div><img id="red" src = "rojo.png" onclick="setColorRojo()"/></div>

function enable(){
        document.getElementById("red").disabled = false; 


    }

    function disable(){
        document.getElementById("red").disabled = true;

    }

函数启用（）{
document.getElementById（“红色”）.disabled=false；
}
函数禁用（）{
document.getElementById（“红色”）.disabled=true；
}

您实际上无法禁用

函数setColorRojo（img）{
if（img.getAttribute（'disabled'）='true'）返回；
//完成函数的其余部分
}

您实际上无法禁用

函数setColorRojo（img）{
if（img.getAttribute（'disabled'）='true'）返回；
//完成函数的其余部分
}

无法以您尝试的方式禁用和启用图像。请尝试使用标志来确定应用程序的状态：

function enable(){
    document.getElementById("red").setAttribute('disabled', 'true');
}
function disable(){
    document.getElementById("red").setAttribute('disabled', 'false');
}

<img id="red" src="rojo.png" onclick="setColorRojo(this);"/>

function setColorRojo(img){
     if(img.getAttribute('disabled') === 'true') return;
     //do the rest of the function
}

---

无法按您尝试的方式禁用和启用图像。请尝试使用标志来确定应用程序的状态：

function enable(){
    document.getElementById("red").setAttribute('disabled', 'true');
}
function disable(){
    document.getElementById("red").setAttribute('disabled', 'false');
}

<img id="red" src="rojo.png" onclick="setColorRojo(this);"/>

function setColorRojo(img){
     if(img.getAttribute('disabled') === 'true') return;
     //do the rest of the function
}

---

一个简单的技巧是使用pointerEvents css属性。 通过将其设置为“无”，将禁用图像上的鼠标单击事件，而将其设置为“自动”将启用鼠标单击事件

var enabled = true;

function enable(){
    enabled = true;
}

function disable(){
    enabled = false;
}

function setColorRojo() {
    if (enabled) {
        //Set color or do any other actions here
    }
}

---

适用于Chrome和Firefox。

一个简单的技巧是使用pointerEvents css属性。 通过将其设置为“无”，将禁用图像上的鼠标单击事件，而将其设置为“自动”将启用鼠标单击事件

var enabled = true;

function enable(){
    enabled = true;
}

function disable(){
    enabled = false;
}

function setColorRojo() {
    if (enabled) {
        //Set color or do any other actions here
    }
}

---

适用于Chrome和Firefox。

您不能禁用图像。禁用用于表单字段…没有禁用图像的功能。也许您应该设置一个布尔标志作为变量，

setColorRojo

您的意思是要隐藏它们吗？用红色方块替换它们？@DanielA.White我知道了，所以我可以用一个循环来构建它，对吗？@dtanders不，只需禁用它，就像当出现禁用按钮（无法单击）时，不能禁用图像。禁用用于表单字段…没有禁用图像的功能。也许您应该设置一个布尔标志作为变量，

setColorRojo

您的意思是要隐藏它们吗？用红色方块替换它们？@DanielA.White我知道了，这样我就可以用循环来构建它了，对吗？@dtanders不，只需禁用它，就像当出现禁用按钮（无法单击）时，您也可以在这些启用/禁用函数中删除/重新添加

onclick

属性，或者删除/重新添加

单击

程序绑定也可以删除/重新添加这些启用/禁用函数中的

单击

属性，或者删除/重新添加

单击

程序绑定