我想在单击一次后禁用单击属性

Question

**我想在第一次点击后禁用可点击性**我使用了这段代码但没有成功。

let counter = 0;

inputOptions.forEach((inputOptions) => {
    inputOptions.addEventListener("click", () => {

        inputOptions.classList.toggle("active");
        if (inputOptions.classList.contains("active")) {
            inputOptions.style.pointerEvent = 'none';
        }

        if (inputOptions.innerHTML == "Dhaka") {
            counter++;
        } else { counter = 0; }
    })

})

function getResult() {
    document.getElementById("result").innerHTML = "No of Correct answer:" + counter;
}

Answer 1

这里是单击一次后禁用按钮的代码示例。您需要在 html 中定义 id，然后像下面的代码一样访问按钮。

这只是工作代码示例。你需要从中得到想法然后根据你的要求实施

<html>
    <head>
        <title>JavaScript - Disable Button after Click using JavaScript Function.</title>
        <script type="text/javascript">
            function disableButton(btn){
                document.getElementById(btn.id).disabled = true;
                alert("Button has been disabled.");
            }
        </script>
    </head>

    <body style="text-align: center;">
        <h1>JavaScript - Disable Button after Click using JavaScript Function.</h1>
        <p><input type="button" id="btn1" value="Click to disable button." onclick="disableButton(this)"</p>

    </body>

</html>

Answer 2

可以传递参数{ once: true }

document.querySelectorAll('button').forEach((inputOptions) => {
      inputOptions.addEventListener("click", (el) => {
        console.log(inputOptions)
      }, { once: true })
})

<button>A</button>
<button>B</button>

我想在单击一次后禁用单击 属性

I want to disable click property after I click once

javascript

toggle

我想在单击一次后禁用单击属性