首页  >  文章  >  web前端  >  javascript怎样移除onclick事件

javascript怎样移除onclick事件

WBOY
WBOY原创
2021-12-14 15:58:196643浏览

javascript移除onclick事件的方法:1、使用“document.getElementById("id值")”语句根据id值获取元素对象;2、使用“元素对象.onclick=null;”语句来移除onclick事件即可。

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

(学习视频分享:css视频教程

以上是javascript怎样移除onclick事件的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn