首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js鼠标事件

页面加载事件(onload),鼠标双击事件(ondbclick) window.onload=function(){                 //绑定元素,执行对应事件 鼠标双击(ondblclick...(){                     alert('我是双击显示的');                 }             } 鼠标摁下(onmousedown)事件(摁下就执行,鼠标无需抬起...}             } 鼠标抬起(onmouseup)事件(摁下后,鼠标回弹才执行)             window.onload=function(){                 ...鼠标移入(onmouseover)事件             window.onload=function(){                 //绑定元素,执行鼠标移入事件   鼠标移入(onmousemove...)区别:移动事件鼠标只要移动就产生事件,移入事件需要移入到指定的对象内才执行事件

18.2K40

js鼠标事件

今天遇到一个非常奇怪而又搞笑的事情:给一个a标签添加一个鼠标移动上时给一个事件,我给其添加的是一个onMouseMove事件,结果在IE6 7 8 9和GOOLE中都很正常,结果在Firox中出现问题了...这是我遇到的第一个在firox中的兼容性问题,开始让我很苦恼,不知道什么原因,结果仔细查找,就是onMouseMove事件在日怪。当我给提添加onMouseOver事件时就对了。...鼠标的一些事件如下所示: onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件 onMouseMove IE4|N4|O 鼠标移动时触发的事件 onMouseOut IE4...|N3|O3 当鼠标离开某对象范围时触发的事件 onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件....[注意:页面内必须有被聚焦的对象] onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] onKeyUp IE4|N4|O 当键盘上某个按键被按放开时触发的事件

13.7K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js 鼠标事件总结

    当监听鼠标事件时,会触发一些事件,我们可以与之交互: mousedown 按下鼠标按钮触发 mouseup 鼠标按钮被释放 click 点击事件 dblclick 双击事件 mousemove 当鼠标移动到元素上时...mouseleave 当鼠标移出一个元素时,mouseleave。类似于mouseout但不冒泡。 contextmenu 快捷菜单当快捷菜单打开时,例如用鼠标右键点击 事件重叠。...例如,在鼠标事件中,我们可以通过检查事件对象的button属性来检查哪个鼠标按钮被按下: const link = document.getElementById('my-link') link.addEventListener...button 如果有按钮,则为鼠标事件触发时按下的按钮数目(通常为0 =主按钮,1 =中按钮,2 =右按钮)。处理由单击按钮引起的事件(例如单击)。...buttons 按钮(如果有),表示在任何鼠标事件上按下的按钮的数字。 clientX / clientY 无论是否滚动,鼠标指针相对于浏览器窗口的x和y坐标。

    9.1K40

    js事件总线具体实现形式为哪些,主要的优势哪些

    js事件总线具体实现想要进行传递以及订阅的时候,首先都需要通过电脑中所涉及到的组件间的通讯来代替Intel网站。所以js事件总线具体实现形式为哪些,主要的优势哪些?...js事件总线具体实现形式 大多数的代码是非常便捷以及具有高性能的,事件的发送者以及接受者可以根据这样高性能的事件总线予以集中处理。...了解到了发布者以及订阅者对于android事件以及ios事件、Windows事件相应的转化传递,都可以对数据进行有效的加工处理。js事件总线具体实现可以通过注册、发送、订阅的方式来进行处理。...主要的优势哪些js事件总线具体实现可以通过事件总线、发布者以及订阅者来对整体的事件进行简化,更加便于传递。...事件总线的集成以及会合,在之后也会更加便于处理,所以对于事件接收方来说,可以大大节省时间以及效能。 以上就是js事件总线具体实现形式,主要的优势哪些?的相关内容。

    1.2K10

    常用鼠标事件

    1.常用鼠标事件 1.1 案例:禁止选中文字和禁止右键菜单 1.禁止鼠标右键菜单 contextmenu主要控制应该何时显示上下文菜单,主要用于程序员取消默认的上下文菜单 document.addEventListener...现阶段我们主要是用鼠标事件对象 MouseEvent 和键盘事件对象 KeyboardEvent。...1.3 获取鼠标在页面的坐标 // 鼠标事件对象 MouseEvent document.addEventListener('click', function...这个天使图片一直跟随鼠标移动 案例分析 ① 鼠标不断的移动,使用鼠标移动事件: mousemove ② 在页面中移动,给document注册事件 ③ 图片要移动距离,而且不占位置,我们使用绝对定位即可...1px 就会触发这个事件 // 2.核心原理: 每次鼠标移动,我们都会获得最新的鼠标坐标, // 把这个x和y坐标做为图片的top和left 值就可以移动图片

    3.2K10

    事件类型之鼠标事件

    事件类型之鼠标事件 常见事件类型 事件的本质是程序各个组成部分之间的一种通信方式,也是异步编程的一种实现。...DOM 支持大量的事件 鼠标事件 键盘事件 表单事件 窗口事件 焦点/剪贴板事件 网页状态事件 Touch事件 鼠标事件 鼠标事件指与鼠标相关的事件,具体的事件主要有以下一些。...mousemove:当鼠标在一个节点内部移动时触发。当鼠标持续移动时,该事件会连续触发。为了避免性能问题,建议对该事件的监听函数做一些限定,比如限定一段时间内只能运行一次。...mouseenter:鼠标进入一个节点时触发,进入子节点不会触发这个事件 mouseover:鼠标进入一个节点时触发,进入子节点会再一次触发这个事件 mouseout:鼠标离开一个节点时触发,离开父节点也会触发这个事件...mouseleave:鼠标离开一个节点时触发,离开父节点不会触发这个事件 wheel:滚动鼠标的滚轮时触发 事件注意事项 click事件指的是,用户在同一个位置先完成mousedown动作,再完成

    2.5K30

    如何查看事件总线里的事件事件总线哪些信息?

    事件总线是经常用到的通信方式,它不仅功能强大,实现起来也非常方便。事件总线的创建可以通过多种方式实现,创建以后可以让组件之间的通信变得简单。那么如何查看事件总线里的事件呢?...下文将为各位介绍查看事件总线的方法。 如何查看事件总线里的事件事件总线内的事件分为多种,一般云服务专用总线和自定义总线。查看云服务专用总线需要登录事件总线的服务控制台,在控制台内进行操作。...查看自定义总线内的事件也非常简单,登录事件总线的控制台,在控制台内找到自定义总线,在菜单栏中找到地域选择,选择地域后在自定义总线的页面可以看到目标总线,可以在右侧看到详情,点击详情查看即可。...事件总线哪些信息? 事件总线一般包含的信息有名称、创建时间等等。另外我们在云服务专用总线中看到描述和规则数量,另外ARN信息也是展示的。...随着事件总线功能的丰富,后期会接入更多信息,我们可以查看的信息自然也会越来越多。 关于如何查看事件总线里的事件,通过上文介绍的内容可以查看两种事件总线内的事件,分别是云服务专用总线和自定义总线。

    96410

    常用鼠标事件

    常用鼠标事件 1 、案例:禁止选中文字和禁止右键菜单    我是一段不愿意分享的文字            // 1. contextmenu 我们可以禁用右键菜单...document.addEventListener('selectstart', function(e) {            e.preventDefault();       })     2、 鼠标事件对象...3、 获取鼠标在页面的坐标            // 鼠标事件对象 MouseEvent        document.addEventListener('click', function...(e.clientY);            console.log('---------------------'); ​            // 2. page 鼠标在页面文档的x和y坐标...1px 就会触发这个事件       // 2.核心原理: 每次鼠标移动,我们都会获得最新的鼠标坐标,            // 把这个x和y坐标做为图片的top和left 值就可以移动图片

    1.9K20

    【DB笔试面试652】在Oracle中,等待事件哪些常见的分类?常见等待事件哪些

    ♣ 题目部分 在Oracle中,等待事件哪些常见的分类?常见等待事件哪些?...,在Oracle 9i中大约有400多个等待事件,在Oracle 10gR2中,大约有800多个等待事件,在Oracle 11gR2中约有1000多个等待事件。...随着等待事件的逐步完善,也能够反映出对于问题的诊断粒度越来越细化。虽然不同版本会有不同数目的等待事件,但是这些等待事件都可以通过查询V$EVENT_NAME视图获得。...Oracle的等待事件主要可以分为两类:空闲(Idle)等待事件和非空闲(Non-Idle)等待事件。...除了上表中列举出来的等待事件还有很多其它常见的等待事件,这里就不再列举了,读者可以关注作者的微信公众号或博客,里面会有所有等待事件的详细介绍。

    84410
    领券