handleOver (e) { console.log('移入:', e); e.currentTarget.className = "_div mouseover">
当前位置:   article > 正文

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

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博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/526226
推荐阅读
相关标签
  

闽ICP备14008679号