vue事件

@click//单击

@mousedown//按下

@mouseup//抬起

@dblclick//双击

@mousemove//移动

提示

当鼠标指针在指定的元素中移动时,就会发生 mousemove 事件。 mousemove() 方法触发 mousemove 事件,或添加当发生 mousemove 事件时运行的函数。

注意:用户把鼠标移动一个像素,就会发生一次 mousemove 事件。 处理所有 mousemove 事件会耗费系统资源。请谨慎使用该事件。

@mouseenter//进入

提示

当鼠标指针穿过(进入)被选元素时,会发生 mouseenter 事件。

mouseenter() 方法触发 mouseenter 事件,或添加当发生 mouseenter 事件时运行的函数。

注意:与 mouseover 事件不同,mouseenter 事件只有在鼠标指针进入被选元素时被触发,mouseover 事件在鼠标指针进入任意子元素时也会被触发。参见页面底部演示实例。

提示:该事件通常与 mouseleave 事件一起使用。

@mouseleave//离开

@mouseover //当鼠标指针位于元素上方时,会发生 mouseover 事件。

提示

注意:与 mouseenter 事件不同,mouseover 事件在鼠标指针进入被选元素或任意子元素时都会被触发,mouseenter 事件只有在鼠标指针进入被选元素时被触发。参见页面底部演示实例。 提示:该事件通常与 mouseout 事件一起使用。

@mouseout //移出

常用的修饰符

  • 表单修饰符
    • lazy: 失去焦点后同步信息
    • trim: 自动过滤首尾空格
    • number: 输入值转为数值类型
  • 事件修饰符
    • top:阻止冒泡
    • revent:阻止默认行为
    • elf:仅绑定元素自身触发
    • nce:只触发一次
  • 鼠标按钮修饰符
    • left:鼠标左键
    • right:鼠标右键
    • middle:鼠标中间键
上次更新: 2023/3/7 07:16:31
贡献者: wangdapan, wangdapan