Question

图像是：

<img id="lawnButton" src="images/mowing.png"  width="15%" height="45%" alt="mowLawn" border="0" onclick="cutLawn()">

.js中的代码是：

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

我做错了什么事吗？执行代码后，图像仍可用作按钮。

Answer 1

图片代码没有该属性。尝试删除该活动。

var lawn = document.getElementById("lawnButton");
lawn.onclick = function() {
    //do code
    lawn.onclick = null;
}

//.. code to re-enable the trigger
if (some condition) lawn.onclick = cutLawn;

Answer 2

由于图像没有禁用属性，您可能需要为其设置一些标记以在cutLawn中使用。

你可以使用一个班级。例如，要禁用按钮：

button = document.getElementById("lawnButton")
button.className = button.className+ " disabled"

然后在cutLawn：

cutLawn = function(){
    button = document.getElementById("lawnButton")
    if button.className.match(/disabled/){
     return false;
    }
    // ...
}

使img（用作按钮）被禁用

2 个答案: