Aman920_ 2016-12-22 06:05 采纳率: 66.7%
浏览 1574

window.onload中注册了onclick事件 怎么取消监听这个事件

我试了removeEventListener函数，但是并没有起作用，是不是一定要和addEventListener搭配使用？
直接.onclick=null倒是可以达到效果，但是这种方法有取消对事件的监听吗？
图片说明

  • 写回答

3条回答 默认 最新

  • student-ai 2016-12-22 06:25
    关注

    可以用jquery的off来关闭事件监听。

    http://www.runoob.com/jquery/event-off.html

    评论

报告相同问题？

  • window.addEventListener来解决让一个js事件执行多个函数
    2020-10-27 19:14
    当需要一个事件触发时执行多个函数，单纯地使用`window.onload`或元素的`onclick`等事件处理方式可能会遇到问题，特别是在需要同时处理多个事件处理器时。这时，`window.attachEvent`和`window.addEventListener`就...
  • js动态添加onclick事件可传参数与不传参数
    2020-10-25 14:44
    在JavaScript中，可以利用onclick属性动态添加事件监听器，并且可以控制是否向这个函数传递参数。 首先，来看一下不传参数的情况。当我们的函数不接收任何参数时，可以直接将函数名赋值给元素的onclick属性。例如：...
  • 莱鸟介绍javascript onclick事件
    2020-10-23 00:27
    这意味着，作为前端开发人员，我们可以放心地在这些主流浏览器中使用onclick事件。 下面是一个使用onclick事件的实例代码。这段代码展示了一个简单的网页，其中包含一个红色的方块（DIV元素）。当用户点击这个方块...
  • js的onload事件及初始化按钮事件示例代码
    2020-10-26 21:07
    JavaScript中的`onload`事件是网页或特定元素加载完成后触发的事件，主要用于执行某些操作，如显示内容、执行脚本等。这个事件在多种HTML标签上都可用，包括`<body>`、`<frame>`、`<frameset>`、`<iframe>`、`<img>`...
  • js动态往表格的td中添加图片并注册事件
    2020-10-25 19:38
    1. `function onloadEvent(){...}`：这是一个自定义函数，被设计为在页面加载完成后执行，通常会绑定到window对象的onload事件上。这样可以确保在页面所有的元素加载完成后再进行DOM操作，避免出现因DOM元素未完全...
  • 关于onclick = “函数（）”中不能调用window.onload = function（）{}中调用function 函数（）{}
    2017-12-03 21:15
    伍同学笔记的博客 今天在html页面中利用onclick=”xxx”来监听js中一个function xxx(){}函数，遇到一个很奇怪的问题就是点击按钮之后竟然没有响应xxx()函数。 按钮代码： || js代码：  window.onload = function(){  ...
  • Javascript 注册事件浅析
    2020-10-30 08:03
    通过以上介绍可以看出，JavaScript 中事件的绑定有多种方式，不同的绑定方式适用于不同的场景。开发者应根据实际情况选择最适合的方法。此外，考虑到浏览器之间的兼容性问题，合理的封装可以使代码更加健壮且易于...
  • 实例讲解javascript注册事件处理函数
    2020-10-23 00:18
    事件监听器提供了一种更为灵活的注册事件的方式，能够在同一个对象上注册多个相同类型的事件处理函数，甚至能够在IE等老版本浏览器上运行。 优点： - 可以添加多个事件监听器 - 灵活性高，可以注册和解除监听 缺点...
  • JS监听事件的叠加和移除功能
    2020-12-09 03:43
    html DOM元素有很多on开头的监听事件，如onload、onclick等，见DOM事件列表。但是同一种事件，后面注册的会覆盖前面的： [removed] = function(){ alert(1); } [removed] = function(){ alert(2)...
  • web前端之JavaScript高级程序设计六：事件(1).docx
    2025-06-18 00:15
    在JavaScript高级程序设计中，事件是Web前端开发中的一个重要概念，它是文档或浏览器窗口中发生的一些特定的交互瞬间。事件处理是用户或浏览器自身执行动作的一种响应机制，是实现用户交互与动态行为的核心。 在Web...
  • JavaScript 注册事件代码
    2020-10-28 17:22
    为了进一步提高代码的可维护性和复用性，我们可以将事件注册的逻辑封装到一个通用的工具函数或模块中，以便在其他项目中直接调用。这不仅提高了代码的可读性，还能减少重复的工作，提升开发效率。 总之，JavaScript...
  • JavaScript 事件监听
    2020-05-15 19:40
    chy-x的博客 -- onload可以写在body中，也可以在js脚本中写成window.onload事件监听 --> <body onload="alert('onload');"> <!-- js不区分单引、双引，字符串用单引、双引均可 --> <button id="btn" ...
  • php监听函数事件,事件 — 绑定事件监听函数
    2021-04-27 00:47
    稚一的博客 有3中事件注册方式，传统的行内方式，IE方式和W3C方式。传统绑定传统绑定为需要绑定的DOM元素绑定一个函数，作为它的属性。例如：// 查找 元素并为它绑定 submit 事件处理函数document.getElementsByTagName("form")...
  • JavaScript 中的事件教程
    2020-10-30 22:15
    ### JavaScript中的事件教程 #### 一、事件的概念与作用 在Web开发中，**事件**是一种用户或浏览器的行为，它可以触发JavaScript代码的执行。通过利用事件，开发者能够创建交互式的网页，实现动态效果和响应用户...
  • 前端JS总结（下）之事件操作
    2024-08-13 06:09
    雷特IT的博客 前端JS总结（下）——关于事件我想分享这些......——终结篇！！
  • 90.（cesium篇）cesium高度监听事件
    2022-06-30 08:55
    地图之家家长的博客 '>div> 开启高度监听事件后缩放地图" onclick="heightMonitor()" style="position:absolute;left:50px;top:50px;background: blue;color:white;z-index: 9999;font-size: 24px"/> ;position:absolute;top:100px;left...
  • js中在window.onload中调用function函数遇到的疑惑
    2017-03-19 14:33
    陈培泓的博客 在这之前我已经多次在form表单中利用onclick=”xxx”来监听一个函数，并没有出现过这种情况。这经过多次尝试后，和具体分析，与之前的对比，终于找到为何会出现这个问题。为了直插问题所在我用一个实例的代码来说明
  • js中的事件委托或是事件代理使用详解
    2020-12-02 21:52
    而使用事件委托，只需在`<ul>`上绑定一个点击事件，然后在事件处理器中通过`event.target`或`this`获取实际触发事件的元素，从而识别并处理相应的操作。 例如，如果要根据点击的`<li>`显示不同的信息，可以这样做：...
  • JavaScript中点击事件的写法
    2020-10-22 00:58
    DOM2级事件处理提供了更灵活的事件注册和移除方式，支持添加多个事件监听器，并且可以控制事件冒泡。 ```javascript btn.addEventListener('click', function() { alert('hello world'); }, false); btn....
  • JavaScript中的事件处理
    2020-10-30 13:36
    这是最常见的做法，通过在HTML元素中添加事件属性，例如`onload`、`onclick`等，后面跟上事件处理程序的函数名。 - **方法二**：编写特定对象特定事件的JavaScript。在`<script>`标签内使用`for`和`event`属性，...
  • 没有解决我的问题, 去提问