监听鼠标左右移动事件使用 mousemove
附带所有dom事件列表
<template>
<div>
<div>监听事件</div>
</div>
</template>
<script>
export default {
data () {
return {
}
},
created () {
// 定义鼠标事件处理函数
document.addEventListener('mousemove', function (e) {
// 鼠标向左移动e.movementX为-1
// 鼠标向右移动e.movementX为1
// 鼠标垂直方向移动e.movementX为0
// 根据e.movementX的值设置图片的css
// transform: rotateY(180deg); // 水平镜像翻转
console.log(e.movementX)
})
},
methods: {
},
}
</script>
<style>
</style>