分类：原生事件

2021
07-01

react合成事件与原生事件的相关理解

目录1.原生事件2.合成事件为什么react事件需要手动绑定this3.原生与合成事件触发顺序4.合成事件和原生事件混用相关疑问：e.nativeEvent.stopPropagatione.nativeEvent.stopImmediatePropagation1.原生事件原生事件就是js的原生事件，如通过document.addEventListener来设置的监听事件。在react中即使有自己的一套事件机制（见下面合成事件），但有时候的业务场景我们仍然需要使用原生事件。比如我们封装一个Modal弹窗组件，需... 继续阅读 >

2020
10-08

Vue如何实现监听组件原生事件

在首页开发中，右下角有一个返回顶部的小箭头，将它单独封装成一个BackTop组件，但是它何时出现需要依赖于首页的滑动，即另外一个Scroll组件。如果直接在BackTop组件里面监听，则需要通过this.$emit将事件发射到Home组件中，又在Home中监听自定义事件，比较复杂。因此，我们直接在Home中对BackTop组件进行监听，使用.native官网对于native的解释为:.native：监听组件根元素的原生事件代码如下：在Home.vue中对back-top组件进行点... 继续阅读 >

2020
09-23

vue学习笔记之给组件绑定原生事件操作示例

本文实例讲述了vue学习笔记之给组件绑定原生事件操作。分享给大家供大家参考，具体如下：当在父组件中定义一个点击事件，并且在父组件的methods中定义了这个点击事件时，在页面上点击并不会有什么反应。那么该怎么办呢？我们可以在子组件的template中的dom上定义一个点击事件（原生事件），并且在子组件的methods中定义该点击事件，然而点击页面时也只会alert(childclick)。这是为什么呢？父组件的点击事件被vue当成自定义事件，... 继续阅读 >