这个屌丝很懒，什么也没留下！

vue绑定div鼠标移入移出事件_div mouseover

作者：Gausst松鼠会 | 2024-05-02 21:34:31

div mouseover

1.两种绑定方式

<div v-on:mouseover="handleOver($event)" v-on:mouseout="handleOut($event)"></div>
<div @mouseover="mouseOver" @mouseleave="mouseLeave"></div>
 
 
handleOver (e) {
    console.log('移入：', e);
    e.currentTarget.className = "xxx";
},
 
handleOut (e) {
    console.log('移出：', e);
    e.currentTarget.className = "yyy";
},
mouseOver () {},
 
mouseLeave () {}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】