javascript怎样移除onclick事件

116 阅读 0 评论 77 点赞

我是靠谱客的博主难过豌豆，最近开发中收集的这篇文章主要介绍javascript怎样移除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>
登录后复制

输出结果：

+4.gif