js如何使onclick事件无效

JavaScript020

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、再次点击上面的按钮没有弹出效果了

JS中有三种方法可以使得超链接失效：

使用<a href="javascript:void(0)">链接</a>

void(0)使得地址变为空，不过void(0)有兼容问题，需要给onclick事件增加return flash；

使用document.getElementById("aa").href="#"

document.getElementById得到名为aa的文档，然后将地址赋值为空，此方法唯一的缺点是还是会弹出页面，只是链接失效，需要至个效果的可以使用。

3. 使用document.getElementById("aa").disabled=true

document.getElementById得到名为aa的文档，然后将disabled属性置为true，使得链接直接失效。

1. input:

<inputname="textfield"type="text"value="点击添入标题"onfocus="if (value =='点击添入标题'){value =''}"onblur="if (value ==''){value='点击添入标题'}"/>

2 textarea:

<textareaname="textarea"cols="80"rows="17"onfocus="if(value=='正文：'){value=''}"onblur="if (value ==''){value='正文：'}"></textarea>

希望对你有帮助