Listen to mouse left and right movement events; list of all dom events

Listen to the left and right mouse movement events using mousemove
with a list of all dom events

<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>

Guess you like

Origin blog.csdn.net/i_am_a_div/article/details/127870011