原创投稿
广告
广告
广告 广告 广告 广告
广告
广告 国内BGP机房32G内存299元 网站收录排名问题解决 【超牛】搜外友链平台 站长在线扒站工具【免费】 【免费】站长开发工具箱 【推荐】站长自动外链工具 广告位联系QQ：253000106 独立服务器100M/不限/免备 2核2G服务器新用户低至68元/年 虚拟资源平台,轻松变现 10000来路IP只需8元 站群系统程序-专注SEO站群 黑帽SEO论坛_黑帽聚集地 企业HTTP代理IP服务提供商 软文推广，在线获客【定制】 站群服务器99元起 SEO免费工具分享 外推代发包收录 【国内国际】短信推广，免费测试 实力产品收量 外链代发 5分一条 快速排名 █一解决“收录、排名”问题一█ ●●●优质搜狗泛收录域名●●● AI数字人直播系统源码 百度SEO排名7-15天上首页
  1. 创想鸟首页
  2. 站长之家
  3. 编程技术

js鼠标事件实例详解

PHP中文网 • • 编程技术 • 阅读 1

本文主要和大家分享js鼠标事件实例详解，希望能帮助到大家。

一般事件

  事件 浏览器支持 描述 onClick

HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2| O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击

onDblClick

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4| O鼠标双击事件

onMouseDown

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4| O鼠标上的按钮被按下了

onMouseUp

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4| O鼠标按下后，松开时激发的事件

onMouseOver

HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2| O3 当鼠标移动到某对象范围的上方时触发的事件

onMouseMove

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4| O鼠标移动时触发的事件

onMouseOut

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N3| O3 当鼠标离开某对象范围时触发的事件

onKeyPress

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4| O当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]

onKeyDown

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4| O当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]

onKeyUp

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4| O当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]

页面相关事件 事件 浏览器支持 描述 onAbort

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N3| O图片在下载时被用户中断

onBeforeUnload

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O当前页面的内容将要被改变时触发的事件

onError

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N3| O捕抓当前页面因为某种原因而出现的错误，如脚本错误与外部数据引用的错误

onLoad

HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2| O3 页面内空完成传送到浏览器时触发的事件，包括外部文件引入完成

onMove

HTML: 2 | 3 | 3.2 | 4
Browser: IE | N4 | O浏览器的窗口被移动时触发的事件

onResize

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4| O当浏览器的窗口大小被改变时触发的事件

onScroll

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O浏览器的滚动条位置发生变化时触发的事件

onStop

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断

onUnload

HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2| O3 当前页面将被改变时触发的事件

表单相关事件 事件 浏览器支持 描述 onBlur

HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2| O3 当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]

onChange

HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2| O3 当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]

onFocus

HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2| O3 当某个元素获得焦点时触发的事件

onReset

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N3| O3 当表单中RESET的属性被激发时触发的事件

onSubmit

HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2| O3 一个表单被递交时触发的事件

滚动字幕事件 事件 浏览器支持 描述 onBounce

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O在Marquee内的内容移动至Marquee显示范围之外时触发的事件

onFinish

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O当Marquee元素完成需要显示的内容后触发的事件

onStart

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O当Marquee元素开始显示内容时触发的事件

编辑事件 事件 浏览器支持 描述 onBeforeCopy

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件

onBeforeCut

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件

onBeforeEditFocus

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当前元素将要进入编辑状态

onBeforePaste

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件

onBeforeUpdate

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当浏览者粘贴系统剪贴板中的内容时通知目标对象

onContextMenu

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的中加入onContentMenu=”return false”就可禁止使用鼠标右键了]

onCopy

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当页面当前的被选择内容被复制后触发的事件

onCut

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当页面当前的被选择内容被剪切时触发的事件

onDrag

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当某个对象被拖动时触发的事件 [活动事件]

onDragDrop

HTML: 2 | 3 | 3.2 | 4
Browser: IE | N4 | O一个外部对象被鼠标拖进当前窗口或者帧

onDragEnd

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当鼠标拖动结束时触发的事件，即鼠标的按钮被释放了

onDragEnter

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当对象被鼠标拖动的对象进入其容器范围内时触发的事件

onDragLeave

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当对象被鼠标拖动的对象离开其容器范围内时触发的事件

onDragOver

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当某被拖动的对象在另一对象容器范围内拖动时触发的事件 [活动事件]

onDragStart

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O当某对象将被拖动时触发的事件

onDrop

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O在一个拖动过程中，释放鼠标键时触发的事件

onLoseCapture

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当元素失去鼠标移动所形成的选择焦点时触发的事件

onPaste

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当内容被粘贴时触发的事件

onSelect

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O当文本内容被选择时的事件

onSelectStart

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O当文本内容选择将开始发生时触发的事件

数据绑定 事件 浏览器支持 描述 onAfterUpdate

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O当数据完成由数据源到对象的传送时触发的事件

onCellChange

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当数据来源发生变化时

onDataAvailable

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O当数据接收完成时触发事件

onDatasetChanged

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O数据在数据源发生变化时触发的事件

onDatasetComplete

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O当来子数据源的全部有效数据读取完毕时触发的事件

onErrorUpdate

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件

onRowEnter

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当前数据源的数据发生变化并且有新的有效数据时触发的事件

onRowExit

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当前数据源的数据将要发生变化时触发的事件

onRowsDelete

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当前数据记录将被删除时触发的事件

onRowsInserted

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当前数据源将要插入新数据记录时触发的事件

外部事件 事件 浏览器支持 描述 onAfterPrint

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当文档被打印后触发的事件

onBeforePrint

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当文档即将打印时触发的事件

onFilterChange

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O当某个对象的滤镜效果发生变化时触发的事件

onHelp

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O当浏览者按下F1或者浏览器的帮助选择时触发的事件

onPropertyChange

HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O当对象的属性之一发生变化时触发的事件

onReadyStateChange

HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O当对象的初始化属性值发生变化时触发

相关推荐：

javascript仿jquery的trigger触发鼠标事件实例分享

Js操作鼠标事件的流程

jQuery鼠标事件有哪些

以上就是js鼠标事件实例详解的详细内容，更多请关注【创想鸟】其它相关文章！

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。

发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2781032.html

赞 (0)
0 0

关于作者

PHP中文网的头像

PHP中文网签约作者

440.8K 文章
0 评论
1 粉丝
php中文网提供大量免费、原创、高清的php视频教程，并定期举行公益php培训！可边学习边在线修改示例代码，查看执行效果！php从入门到精通，一站式php自学平台！
上一篇 2025年3月8日 16:12:15
下一篇 2025年3月1日 19:36:41

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JS为动态创建的元素添加事件 编程技术

    JS为动态创建的元素添加事件

    本文主要和大家介绍了js实现为动态创建的元素添加事件操作,涉及javascript页面元素动态添加及事件响应相关操作技巧,需要的朋友可以参考下，希望能帮助到大家。 html中直接生成的元素，添加事件，我们都知道，但是如何为一个动态生成的元素…

    PHP中文网的头像 PHP中文网
    2025年3月8日
    200

  • nodejs和mongodb aggregate级联查询操作详解

    最近完成了一个nodejs+mongoose的项目，碰到了mongodb的级联查询操作。情形是实现一个排行榜，查看某个公司（organization）下属客户中发表有效文ruan章wen最多的前十人。 Account表：公司的信息单独存在一…

    PHP中文网的头像 PHP中文网
    编程技术 2025年3月8日
    200

  • nodejs超简单生成二维码方法

    本文主要和大家介绍了nodejs实现超简单生成二维码的方法,结合实例形式分析了nodejs基于qr-image插件生成二维码的相关操作技巧,需要的朋友可以参考下，一开始使用node-qrcode（https://github.com/sol…

    PHP中文网的头像 PHP中文网
    编程技术 2025年3月8日
    200

  • p5.js实现鼠标交互的示例

    本文主要和大家介绍了p5.js入门教程之鼠标交互的示例,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。 一、鼠标交互常用关键词 p5.js提供了许多鼠标操作用的关键词与函数，常用的有： mou…

    PHP中文网的头像 PHP中文网
    编程技术 2025年3月8日
    200

  • JS匿名函数概念与用法分享

    本文主要和大家介绍了js匿名函数和匿名自执行函数概念与用法,结合实例形式分析了匿名函数和匿名自执行函数的概念、功能、应用场景及相关使用技巧,希望能帮助到大家。 1. 匿名函数的常见场景 js中的匿名函数是一种很常见的函数类型，比较常见的场景…

    PHP中文网的头像 PHP中文网
    编程技术 2025年3月8日
    200

  • NodeJS父进程与子进程资源共享详解

    本文主要和大家介绍了nodejs父进程与子进程资源共享原理与实现方法,结合实例形式分析了nodejs基于cluster模块实现父进程与子进程资源共享的相关操作技巧,希望能帮助到大家。 实验目标：实现父进程与子进程间资源共享 使用模块：clu…

    PHP中文网的头像 PHP中文网
    编程技术 2025年3月8日
    200

  • 怎么操作JS里的无序列表属性

    这次给大家带来怎么操作JS里的无序列表属性，操作JS里的无序列表属性的注意事项有哪些，下面就是实战案例，一起来看一下。 今天考试了，整理一下错题。 1.无序列表的属性 　　list-style 分为三小类  　　　　（1）list-styl…

    PHP中文网的头像 PHP中文网
    编程技术 2025年3月8日
    200

  • NodeJS实现不可逆加密与密码保存

    在应用中，常常有要将用户的密码加密储存的需要。以明文保存密码有个缺点：一旦泄漏时容易造成极大的损失，可能会连带其他网站的用户、密码也造成损失（因为大多数用户在多数网站使用相同的账号与密码）。 这个泄漏可能来自于两方面：骇客入侵与运维人员监守…

    PHP中文网的头像 PHP中文网
    编程技术 2025年3月8日
    200

  • javaScript"=="和"==="的区别

    不管是html还是php都有运算符，对于javascript中比较运算符，可能大家用的比较多的是“==”、对于“===”很多人可能很陌生，那么他们究竟有什么区别呢？ === 表示恒等，首先比较两边的变量数据类型是否相等，其次比较两边的变量的…

    PHP中文网的头像 PHP中文网
    编程技术 2025年3月8日
    200

  • node.js博客项目开发经验分享

    本文主要给大家总结了node.js博客项目开发的相关步骤以及知识点分享，有兴趣的朋友参考下，希望能帮助到大家。 需要安装的模块 body-parser 解析post请求 cookies 读写cookie express 搭建服务器 mark…

    PHP中文网的头像 PHP中文网
    编程技术 2025年3月8日
    200

发表回复

登录后才能评论

请登录

您还未登录，请登录后再进行相关操作！

登录 注册