动态加载取消事件

lycgxy

于 2010-06-08 22:31:25 发布

阅读量127

点赞数

CC 4.0 BY-SA版权

分类专栏： web基础文章标签： JavaScript ViewUI

本文链接：https://blog.youkuaiyun.com/lycgxy/article/details/83640843

web基础专栏收录该内容

14 篇文章

订阅专栏

本文展示如何在网页中动态管理并取消JavaScript事件监听，通过简单的按钮操作实现事件的添加与取消，提供直观的交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script language="javascript">
/*   动态取消，加载事件 start*/
function aEvent() {
           var oBtn = document.getElementById('oBtn');
           oBtn.onmouseover =sText;//onmouseover 可以替换成其它 的事件名称即可
          // alert("aa");
      }
function dEvent() {
      alert("aa");
      var oBtn = document.getElementById('oBtn');
      oBtn.onclick=null;         
}
function sText() {
           alert('看到效果了吗^^');
}
/*   动态取消，加载事件 end*/
</script>

<button id="oBtn">点击我查看效果</button>
<button onclick="aEvent();">添加事件</button>
<button onclick="dEvent();">取消事件</button>