js如何使onclick事件无效

如题所述

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

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

全部代码如下

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

<br><br>

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

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

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

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

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

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2019-08-30

需要使用如下编码:

<input type="button" onclick="alert('点击按纽');" value="点击按纽" id="button1" />

<script type="text/javascript">//取消事件代码document.getElementById("button1").onclick = function(){};

</script>

扩展资料

JavaScript脚本语言具有以下特点:

(1)脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。

(2)基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。

(3)简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。

(4)动态性。JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。

(5)跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提上机器上的浏览器支 持JavaScript脚本语言,目前JavaScript已被大多数的浏览器所支持。

参考资料:百度百科-javascript

本回答被网友采纳
第2个回答  推荐于2016-11-25
<input type="button" onclick="alert('点击按纽');" value="点击按纽" id="button1" />
<script type="text/javascript">
//取消事件代码
document.getElementById("button1").onclick = function(){};
</script>本回答被提问者采纳
第3个回答  2011-07-21
首先要知道为什么要让onclick事件无效。
例如一个按钮有onclick 但是你让它无效 是做不到的,

可以通过 不写事件,或则事件为空的方式实现。

如果你是说冒泡的话,的确如楼上所说
第4个回答  2011-07-21
function preventDefault(event){
event = event || window.event;
event.preventDefault ? event.preventDefault() : event.returnValue = false;
}
相似回答