javascript怎样移除onclick事件
程序员文章站
2022-03-24 13:59:48
...
javascript移除onclick事件的方法：1、使用“document.getElementById("id值")”语句根据id值获取元素对象；2、使用“元素对象.onclick=null;”语句来移除onclick事件即可。
本教程操作环境：windows10系统、javascript1.8.5版、Dell G3电脑。
javascript怎样移除onclick事件
可以使用“document.getElementById("id值")”语句根据id值获取元素对象；然后使用“元素对象.onclick=null;”语句来移除onclick事件。
移除元素onclick事件示例如下：
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function myFunction(){
document.getElementById("mybutton").onclick=null;
document.getElementById("demo").innerHTML="Hello World";
}
</script>
</head>
<body>
<p>单击按钮触发函数。</p>
<button onclick="myFunction()" id="myburtton">点我</button>
<p id="demo"></p>
</body>
</html>
输出结果：
（学习视频分享：css视频教程）
以上就是javascript怎样移除onclick事件的详细内容，更多请关注其它相关文章！
上一篇： PHP如何实现文章分类
下一篇： PHP合并两个一维数组
推荐阅读
-
js移除事件 js绑定事件实例应用_javascript技巧
-
open 动态修改img的onclick事件示例代码_javascript技巧
-
js动态添加onclick事件可传参数与不传参数_javascript技巧
-
js javascript 在页面加载的时候,直接对button的onclick赋值,按钮事件
-
javascript option onclick事件ie解决方案 兼容ie,firefox
-
jquery移除button的inline onclick事件兼容浏览器
-
JavaScript获取onclick、onchange等事件值的代码
-
JavaScript onclick事件使用方法详解
-
（转）表单的onsubmit,onclick事件和javascript的return
-
A标签触发onclick事件而不跳转的多种解决方法_javascript技巧