Event对象，原生事件回调触发，原生效果？

朱雀 2022-04-16 06:45 211阅读 0赞

### Event对象，原生事件回调触发，原生效果？ ###

*  那么问题来了，找个浏览器事件来测试一下？

**背景：** 项目上面遇到一个问题，就空想了一个这样子的需求，顺便了解了一下Event对象。  
**假想需求是这样的：** 能否用js去触发浏览器的自带的一些默认行为的监听，达到和默认行为一样的效果，比如说，浏览器的后退onclose的回调，如此之类的。

# 那么问题来了，找个浏览器事件来测试一下？ #

window.onclose = function(){ 
    		return false;
    	}

一些参考链接

1.  [EventTarget.dispatchEvent api][]
2.  [How to trigger event in JavaScript?][How to trigger event in JavaScript]
3.  [Event reference][]
4.  [How to find event listeners on a DOM node when debugging or from the JavaScript code?][How to find event listeners on a DOM node when debugging or from the JavaScript code]

[EventTarget.dispatchEvent api]: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/dispatchEvent
[How to trigger event in JavaScript]: https://stackoverflow.com/questions/2490825/how-to-trigger-event-in-javascript
[Event reference]: https://developer.mozilla.org/en-US/docs/Web/Events
[How to find event listeners on a DOM node when debugging or from the JavaScript code]: https://stackoverflow.com/questions/446892/how-to-find-event-listeners-on-a-dom-node-when-debugging-or-from-the-javascript

发表评论取消回复

表情：

评论列表（有 0 条评论，211人围观）

还没有评论，来说两句吧...

相关阅读

相关学习原生JS时钟效果

学习：[https://blog.csdn.net/weixin\_42703239/article/details/105012665][https_blog.csdn.ne

旧城等待，/ 2023年02月16日 12:05/ 0 赞/ 27 阅读

相关原生js常用的事件触发方法

鼠标事件 onclick：单击鼠标时触发 ondblclick：双击鼠标时触发 onmousedown：按下鼠标还未弹起时触发 onmouseup

怼烎@/ 2022年11月17日 10:29/ 0 赞/ 581 阅读

相关原生js实现点名册效果

话不多说，先上图（GIF那个软件我没有成功下载下来，桑心）： <!DOCTYPE html> <html lang="en"> <head>

痛定思痛。/ 2022年10月01日 05:42/ 0 赞/ 211 阅读

相关 JavaScript原生对象

原生对象文章目录原生对象属性规范字面量创建对象遍历对象中的属性

怼烎@/ 2022年09月08日 00:09/ 0 赞/ 244 阅读

相关原生JavaScript事件详解

DOM0事件模型事件模型在不断发展，早期的事件模型称为DOM0级别。 DOM0事件模型，所有的浏览器都支持。直接在dom对象上注册

今天药忘吃喽~/ 2022年06月17日 07:50/ 0 赞/ 185 阅读

相关 vue中组件需要.native才能触发原生事件

问题描述： <input @keyup.enter="myClick()"></input> <el-input @keyup.enter.native="myClick(

客官°小女子只卖身不卖艺/ 2022年04月25日 02:28/ 0 赞/ 181 阅读

相关 Event对象，原生事件回调触发，原生效果？

Event对象，原生事件回调触发，原生效果？那么问题来了，找个浏览器事件来测试一下？背景：项目上面遇到一个问题，就空想了一个这样子的需求，顺便了解了一下Ev

朱雀/ 2022年04月16日 06:45/ 0 赞/ 212 阅读

相关原生js javascript 实现trigger（自动触发window 的resize事件）

大家都知道 jQuery有个 trigger 方法，可以触发被选元素的指定事件类型。那么在原生js中怎么实现 trigger 的方法呢？首先上代码： ![20190613

柔光的暖阳◎/ 2022年01月16日 02:21/ 0 赞/ 296 阅读

相关 Vue中原生事件与.native修饰符的事件无效果总结！

.native修饰符官方对.native修饰符的解释为：有时候，你可能想在某个组件的根元素（原生事件者）上监听一个原生事件。可以使用 v-on 的修饰符 .native

亦凉/ 2021年09月17日 16:22/ 0 赞/ 586 阅读

相关原生JS如何实现回到顶部效果？

原生JS如何实现回到顶部效果？这个a标签就是用来实现回到顶部的链接,其中 href=”javascript:;”是用来阻止a标签的默认行为，因为我们是要触发点击事件让滚...

朱雀/ 2020年07月01日 21:24/ 0 赞/ 769 阅读