js的鼠标事件（JavaScript的鼠标事件，vue的鼠标事件）

js鼠标事件，相关属性：

        var div = document.getElementById("box")// 1、单击事件 onclickdiv.onclick = function(){console.log("单击")}// 2、双击事件 ondblclickdiv.ondblclick = function(){console.log("双击")}// 3、鼠标按下  onmousedowndiv.onmousedown = function(){console.log('鼠标按下')}// 4、鼠标抬起  onmouseupdiv.onmouseup = function(){console.log('鼠标抬起')}// 5、鼠标移动  onmousemovediv.onmousemove = function(){console.log("鼠标在这个div内部正在移动ing")}// 6、右键菜单  oncontextmenudiv.oncontextmenu = function(){console.log("调出右键菜单")}// 7、滑轮滚动  onwheeldiv.onwheel = function(){console.log("滑轮滚动")}// 8、鼠标移入移出mouseenter/mouseleave  不继承,//    鼠标在子标签上不会触发事件;//    简单来说就是鼠标进入div区域会显示移入，出div就会显示移出；div.onmouseenter = function(){console.log("鼠标移入")}// 9、div.onmouseleave = function(){console.log("鼠标移出")}// 10、鼠标悬停离开mouseover/mouseout 会继承,//     鼠标在子标签上也会触发事件，//     而悬停离开的话，就是鼠标进入div区域会提示悬停，//     然后鼠标进入p标签区域会先显示;//     离开 再悬停，最后移出显示离开；div.onmouseover = function(){console.log("鼠标移入")}// 11、div.onmouseout = function(){console.log("鼠标移出")}

vue鼠标事件，相关属性

（js鼠标事件和vue中的鼠标事件区别是省略了on字符）：

鼠标单击：  @click="方法名" ；鼠标双击 ： @dblclick="方法名" ；鼠标按下：  @mousedown="方法名" ；鼠标抬起：  @mouseup="方法名" ；鼠标移动：  @mousemove="方法名" ；鼠标右键    @contextmenu="方法名" ;鼠标滚轮：  @mousewheel="方法名" ;//mouseenter 事件只有在鼠标指针进入被选元素时被触发；鼠标进入： @mouseenter="方法名" ；//mouseover 事件在鼠标指针进入被选元素或任意子元素时都会被触发；鼠标进入： @mouseover="方法名" ；//mouseenter和mouseover的区别在于mouseover有冒泡行为；//mouseleave和mouseout的区别在于mouseout有冒泡行为；鼠标离开：  @mouseleave=“方法名” ；鼠标离开：  @mouseout=“方法名” ；

js的鼠标事件（JavaScript的鼠标事件，vue的鼠标事件）相关推荐

Vue.js-Day01-PM【事件绑定(事件传参、事件对象、传参+获取事件对象)、样式处理操作(模板、事件、属性绑定)、Tab切换(原生js实现、Vue.js实现)、js中的this详解关键字】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目录 4.事件绑定 4.1.事件绑定(点击.双击.鼠标移动) 点击按钮-最简单的事件绑定(无参函数) 格式点击按钮 ...
vue点击事件不生效
vue @click.native 原生点击事件: 1,给vue组件绑定事件时候,必须加上native ,不然不会生效(监听根元素的原生事件,使用 .native 修饰符) 2,等同于在自组件中: 子 ...
JavaScript学习（十八）--鼠标事件（鼠标点击松开移动效果）
目录鼠标的单击事件鼠标的松开或按下事件鼠标的移入/移出事件鼠标移动事件鼠标单击事件和鼠标双击事件鼠标拖拽事件鼠标和键盘事件是在页面操作中使用最频繁的操作,可以利用鼠标事件在页面中实现鼠标 ...
捕获鼠标事件-JavaScript入门基础（005）
为页面增加与用户的交互是JavaScript的基本功能之一.那么我们如何能知道用户什么时候单击了鼠标,什么时候按下了键盘呢? 以上特定动作发生之后,会触发事件.通过事件处理器,我们就可以处理相应的事件 ...
html 鼠标中键事件,Javascript事件模拟(鼠标事件、键盘事件)
在javascript编程中,事件是用来描述网页中某一特定有趣时刻的,众所周知事件通常是在由用户和浏览器进行交互时触发,其实不然,通过Javascript可以在任何时间触发特定的事件,并且这些事件与浏 ...
Js鼠标悬停事件，简单的实现导航栏鼠标划过内容弹窗的效果。可读性较高的鼠标悬停事件
Js鼠标悬停事件,简单的实现导航栏鼠标划过内容弹窗的效果.可读性较高的鼠标悬停事件 <!DOCTYPE html> <html lang="en"> < ...
html页面禁止滚轮事件,javascript实现禁止鼠标滚轮事件
平时我们兼容什么东西总是在调整低版本IE的兼容性,但是这回不是因为低版本浏览器不给力.而是因为火狐给力过头了,完全不顾其它浏览器的感受标新立异了.除了火狐之外,所有的浏览器都可以使用MouseWhee ...
【JS基础-1】JavaScript语言简单介绍（语法、变量、数组、流程控制语句、函数、对象和事件）
目录 1 JS概述 2 在HTML中引入JS代码 2.1 内部引用 2.2 外部引用 2.3 功能演示:修改标签内容 2.3.1 内部引用 2.3.2 外部引用 3 JS变量 3.1 变量名的命名规则 ...
jq鼠标移入移出显示和隐藏_jQuery实现鼠标移入移出事件切换功能示例
这篇文章主要介绍了jQuery实现鼠标移入移出事件切换功能,结合实例形式分析了jQuery不同版本处理鼠标事件响应与触发相关操作技巧,需要的朋友可以参考下. jQuery实现鼠标移入移出事件切换功能 ...

js的鼠标事件（JavaScript的鼠标事件，vue的鼠标事件）

js鼠标事件，相关属性：

vue鼠标事件，相关属性

（js鼠标事件和vue中的鼠标事件区别是省略了on字符）：

js的鼠标事件（JavaScript的鼠标事件，vue的鼠标事件）相关推荐

最新文章

热门文章