javascript - 在 Javascript 事件 DOM 中禁用函数

Question

我有 javascript 问题，在我的 html 代码中:

<input onclick="myFunction();" />

<script>
function myFunction(){
 //excecution of this fucntion
}
</script>

点击输入后，函数运行。但是我希望 myFunction 在第一次点击后被禁用，所以当我再次点击时，myFunction 将不会运行。

Answer 1

只删除属性

<input onclick="myFunction(this);" />

<script>
function myFunction(elem){
    // code here
    elem.removeAttribute('onclick')
}
</script>

或者更好地使用事件监听器

<input id="myInput" />

<script>
    document.getElementById('myInput').addEventListener('click', myFunction, false);

    function myFunction(elem){
        // code here
        this.removeEventListener('click', myFunction);
    }
</script>