js如何使onclick事件无效

JavaScript010

js如何使onclick事件无效,第1张

js使onclick事件无效的方法很简单，只需要选中这个元素，然后让它的onclick赋值为null即可。

1、这是针对此问题的测试页面

全部代码如下

<button onclick="alert('上面按钮点击')" id="btn" >点击有警告</button>

<br><br>

<button onclick="document.getElementById('btn').onclick=nullalert('成功使上面按钮点击失效！')">使上面按钮点击事件失效</button>

其中最关键的是这句document.getElementById('btn').onclick=null

2、如图，这是测试点击上面的按钮弹出的警告

3、点击下面按钮，提示上面的按钮点击失效

4、再次点击上面的按钮没有弹出效果了

一般的流程：

1、获取按钮对象

2、设置按钮对象的disabled的属性为true（禁用），false（不禁用）

示例：

buttonObject=document.getElementById('btnObj')

buttonObject.disabled=true

希望按钮不可以用，可以直接修改这个按钮的disabled属性就可以了。

下面是简单的代码实现，仅供参考：

<body>

    <input type="button" id="btn" value="click" />

</body>

<script>

    var oBtn = document.getElementById('btn')

    oBtn.onclick = function(){

        oBtn.disabled = 'disabled'

    }

</script>