0
点赞
收藏
分享

微信扫一扫

Vue html组件中常用鼠标 触屏事件

青乌 2022-03-17 阅读 77

1.鼠标事件


1. @mouseleave:鼠标离开组件会触发事件,不会冒泡
2. @mouseout:鼠标离开组件或者子组件会触发事件,会冒泡

3. @mouseenter:鼠标进入组件时触发事件,不会冒泡
4. @mouseover:鼠标进如组件时出发事件,会冒泡

区别:

mouseleave把组件当成整体,离开这个整体才会触发,离开子组件不触发(不冒泡)

mouseout即使是离开组件的子组件也会触发(冒泡)

mouseenter 与 mouseover 区别同上(进入)

2.触摸事件(移动端)


@touchstart: 触摸到时触发事件
@touchmove:  按住屏幕并且移动时触发
@touchend: 手指离开屏幕时触发 

举报

相关推荐

0 条评论