js如何使onclick事件无效

JavaScript016

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>