为什么我添加事件监听未触发就执行了？

最新推荐文章于 2024-01-11 11:49:33 发布
最新推荐文章于 2024-01-11 11:49:33 发布
阅读量726 收藏 1
点赞数 1
分类专栏： 排错 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/it___is_/article/details/114042762
版权

小问题，代码写熟了自然没什么问题，因为马虎加之生疏查错了好一会

下面animate写法有错，会导致未点击就执行（因为addEventListener写的有问题，所以直接调用了animate函数执行而不报错）

在这里插入图片描述

下面是正确写法（必须要放到function中，才会触发事件后（鼠标点击）运行，否则鼠标未点击就会运行）

在这里插入图片描述

同理：在学习react时遇到的

在这里插入图片描述
这里demo为函数。加上括号相当于把demo函数执行结果给onclick，是个赋值语句而非事件触发。会执行demo函数中的例如log ,alert…等等

进击的切图仔
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
监听事件中函数的执行顺序
LAterbu的博客
12-14 1222
inst:ListenForEvent("onhitother", onHit)这是用来监听攻击动作事件的，监听到后执行函数onHit实际测试local target = data.target data.damage = data.damage * 2 local damage = data.damage damage = damage * 1 target.components.health:D
在widget.js中很多函数是自动执行的，不调用也会执行
qq_15167261的博客
07-06 437
在widget.js中很多函数是自动执行的，就像一些监听事件的函数一样自动触发，比如说stupup函数，在课程4（应该是课程4）中介绍了一些这样的函数。
没有点击监听按钮，但是程序却执行了监听下的代码？？？找不到原因？这里看。
jiyidehao的博客
03-16 416
这个问题下午看了半天，看了好几遍，真是 找不出来。从来没遇到这个情况，最后在同事的提醒下，是不是监听事件的switch 中的case下边没有写break？我看了下真是，原来是因为我复制上边的case 选项，没有将break复制进去。 在此做个记录 。
避免addEventListener重复执行
最新发布
qq_39652099的博客
01-11 1475
解决方法：要用具名函数，()=>listen 的匿名函数写法不能清除掉定时器。监听器多次/重复执行是因为监听器没有清除，每次都创建了新的监听器。
addEventListener绑定事件，立即触发问题
weixin_46547740的博客
03-14 1166
原来的写法 Node.addEventListener('click', twicePopup(1)); 更改后的写法 Node.addEventListener('click', function() { twicePopup(1) }); 缺少function（） {} 需要传递对twicePopup函数的引用
php实现事件监听与触发的方法
12-18
否则，它将回调函数存储到静态数组 `$listens` 中，键为事件名，值为包含回调和执行次数标志的数组。`$once` 参数用来标记一次性事件，即触发一次后自动移除。 2. **一次性事件绑定（绑定一次性事件）**： `Event:...
jQuery事件的绑定、触发、及监听方法简单说明
11-23
在本文中，我们将探讨jQuery中的事件处理，包括事件的绑定、触发和监听。 ### 1. 事件绑定 在jQuery中，绑定事件通常使用`.on()`方法。这个方法不仅适用于基本的事件绑定，还能支持事件代理。`on()`方法的基本语法...
js事件监听机制(事件捕获)总结
12-04
这是现代浏览器支持的事件监听方法，允许为同一个事件添加多个监听器，并可以选择事件流模式。例如： ```javascript element.addEventListener('click', function(event) { // 事件处理代码 }, false); // ...
vuejs中监听窗口关闭和窗口刷新事件的方法
12-03
在Vue.js应用中，有时我们需要监听窗口的关闭和刷新事件，以便执行某些操作，比如保存用户数据或确认离开页面。本文将详细介绍两种在Vue.js中实现这一目标的方法。 首先，我们来了解一下`window.onbeforeunload`...
如何检测Unity3D中的Gameobject的destroy事件来触发其他操作？2
08-08
在Unity3D中，开发游戏时常常需要监听游戏对象（GameObject）的生命周期事件，特别是当对象被销毁（Destroy）时，可能需要执行某些清理工作或触发相关联的逻辑。标题和描述提到的问题是关于如何在Gameobject被销毁时...
【直接收藏】前端 VUE 高阶面试题（一）
shi15926lei的博客
08-10 397
这种问题一样的 先回答经常用的一些指定 比如 v-for v-if v-model v-show等等之类的 指令分为全局和局部的然后在回答自定义指令通过directive来自定义指令，自定义指令分为全局指令和局部指令，自定义指令也有几个的钩子函数，常用的有bind和update，当 bind 和 update 时触发相同行为，而不关心其它的钩子时可以简写。一个表达式可以使用多个过滤器。过滤器之间需要用管道符“|”隔开。其执行顺序从左往右。
Cocos2d-x 基本操作+事件监听+调试技巧+常见问题
HYY的博客
05-03 6632
本节将分享一些 1. Cocos2dx开发中VS（通用）基本操作 2. 常见问题的Debug操作（非断点调试） Cocos2d-x 版本：3.17.2 目录 一. 基本操作 1. 快速查看对应的函数声明（Ctrl+点击） 2. 快速查找/替换（Ctrl+F） 3. 查看所有引用（Fn+Shift+F12） 4. 格式化输出 5. 监听事件 点击按钮触发 鼠标点击事件 键盘事件 二. 常见问题 1. Debug常规操作 编译时出错 运行时出错 控制变量+日志输出 ..
js addEventListener绑定事件监听基础，用事件传播原理，理解事件监听函数执行顺序
CodePrincess的博客
09-07 2637
js addEventListener绑定事件监听基础，用事件传播原理，理解事件监听函数执行顺序
事件监听以及事件触发的简单实现流程
MartinDong
01-03 1117
package demo; public class Demo2 { public static void main(String[] args) { //创建被监听的类 Student student=new Student(); //给目标对象添加监听 student.addStudentListener(new StudentListener() { @Overri...
bootstrap-table 汇总行/页脚不显示footerFormatter不执行问题
oCastle的博客
05-03 5116
同一个页面两个bootstrap-table表格，使用完全一样的options，其中一个却不显示页脚，footerFormatter函数里面 debugger；发现根本不进去函数。 各种百度goole都找不到原因，无奈只能去看源码。终于在大概第2604行发现一段奇怪的代码： { key: 'resetFooter', value: function res...
【已解决】react 点击事件自动执行？
程序边界
11-26 1668
事件如果包含() ，就会变成执行函数，页面加载后会自动执行， 从而导致这个结果 class Title extends React.Component { render(){ return <h1 onClick={message('页面跳转')}>{title}</h1> } } 用箭头函数装饰一下即可避免： class Title extends React.Component { render(){ return <h1 onCl
html 点击执行函数,给元素添加点击事件，打开页面就直接执行了回调函数，未点击。...
weixin_39788703的博客
06-28 641
一个上课做的demo,通过js来控制元素样式。点击'点击设置'后的效果以下是源码：window.onload = function() {function $(id) {return document.getElementById(id);}var $_click = function (element,listener) {element.addEventListener('click',lis...
JavaScript原生实现事件监听及手动触发
热门推荐
qq_35134066的博客
07-30 1万+
我们有时候会需要通过js修改表单元素的状态, 因为不是通过页面交互而是js操作的, 所以不会触发我们写的监听事件.这时就需要通过js手动触发监听事件. jquery实现方法就是trigger('eventType') 原生实现: <input type="checkbox" id="chk"> document.querySelector('#chk').addEventListener('change', function() { console.log(this.chec
javaswing为元素添加监听器后触发监听器改变元素
06-09
在Java Swing中，您可以通过添加监听器来监听组件的事件，并在事件发生时执行相应的操作。如果您需要在监听器中更改组件的属性或状态，则可以按照以下步骤进行操作： 1. 创建一个实现监听器接口的类，并在该类中编写相应的事件处理代码。 ```java class MyListener implements ActionListener { public void actionPerformed(ActionEvent e) { // 在这里编写处理事件的代码 // 更改组件的属性或状态 } } ``` 2. 获取要添加监听器的组件，并向其添加监听器。 ```java JButton button = new JButton("Click me"); button.addActionListener(new MyListener()); frame.getContentPane().add(button); ``` 3. 在事件处理代码中更改组件的属性或状态。例如，您可以更改按钮的文本或启用/禁用它。 ```java class MyListener implements ActionListener { public void actionPerformed(ActionEvent e) { JButton button = (JButton) e.getSource(); button.setText("Clicked"); button.setEnabled(false); } } ``` 这样，在单击按钮时，MyListener类的actionPerformed方法将被调用，并且按钮的文本将更改为“Clicked”，同时按钮将被禁用。请注意，在事件处理代码中，您需要使用getSource方法获取触发事件的组件的引用，并将其转换为正确的类型。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值