JavaQuery事件

最新推荐文章于 2024-11-15 08:46:53 发布

C0C0D

最新推荐文章于 2024-11-15 08:46:53 发布

阅读量344

点赞数

CC 4.0 BY-SA版权

分类专栏：新手文章标签： java

本文链接：https://blog.youkuaiyun.com/C0C0D/article/details/105940236

新手专栏收录该内容

31 篇文章

订阅专栏

本文详细介绍了JavaQuery中的事件处理，包括mouseover与mouseenter、mouseout与mouseleave的区别，以及focus、blur事件的使用。重点讨论了event对象的方法如event.type、event.pageX和event.pageY、event.preventDefault()、event.stopPropagation()等，同时阐述了event.target与this的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文献种类：专题技术总结文献；
开发工具与关键技术：DW与 JavaScript
作者：陈良鑫；年级： 19 ；撰写时间： 2020 年 4 月 28 日

JavaQuery事件

开发工具与关键技术：Adobe Dreamweaver JavaScript
作者：陈良鑫
撰写时间：2020年4月28日

mouseover与mouseenter的区别：{
mouseover如果鼠标指针穿过选定元素的任何子元素，都会触发mouseover事件，
mouseenter如果鼠标指针穿过选定元素的任何子元素不会触发mouseenter事件}
mouseout与mouseleave的区别：{
mouseout不论鼠标指针离开被选元素还是任何子元素，都会触发mouseout事件。
mouseleave只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件}

focus() 事件
当元素获得焦点时，触发focus事件。可以通过鼠标点击或者键盘上的TAB导航触发。
这将触发所有绑定的focus函数
blur() 事件
当元素失去焦点时触发 blur 事件。
这个函数会调用执行绑定到blur事件的所有函数，包括浏览器的默认行为。
可以通过返回false来防止触发浏览器的默认行为。blur事件会在元素失去焦点的时候触发，
既可以是鼠标行为，也可以是按tab键离开的

keydown()事件
当键盘或按钮被按下时，发生keydown事件。
keyup()事件
当按钮被松开时，发生keyup事件。它发生在当前获得焦点的元素上。

事件对象的属于与方法有很多，但是我们经常用的只有那么几个，这里我主要说下作用与区别
event.type：获取事件的类型
触发元素的事件类型
$a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标通过这2个属性，可以确定元素在当前页面的坐标值，鼠标相对于文档的左边缘的位置（左边）与（顶边）的距离，简单来说是从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化 event.preventDefault() 方法：阻止默认行为这个用的特别多，在执行这个方法后，如果点击一个链接（a标签），浏览器不会跳转到新的 URL 去了。我们可以用 event.isDefaultPrevented() 来确定这个方法是否(在那个事件对象上)被调用过了 event.stopPropagation() 方法：阻止事件冒泡事件是可以冒泡的，为防止事件冒泡到DOM树上，也就是不触发的任何前辈元素上的事件处理函数 event.which：获取在鼠标单击时，单击的是鼠标的哪个键 event.which 将 event.keyCode 和 event.charCode 标准化了。event.which也将正常化的按钮按下(mousedown 和 mouseupevents)，左键报告1，中间键报告2，右键报告3 event.currentTarget : 在事件冒泡过程中的当前DOM元素冒泡前的当前触发事件的DOM对象, 等同于this. this和event.target的区别： js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； .this和event.target都是dom对象如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和$ (this)的使用、event.target和$(event.target)的使用；

  链接

发表平台文章发表网站链接URL 文章发表网站链接【二维码】发表者
优快云个人博客
https://blog.youkuaiyun.com/

https://blog.youkuaiyun.com/weixin_44563954/article/details/86534500

 	学生本人

陈良鑫
优快云专业技术论坛
https://bbs.youkuaiyun.com/
.NET、Java、Web、数据库开发、企业IT（地理信息系统）、云计算、移动开发、开发语言等每个月发布在同一个主题下，每个月的网页链接和二维码都是同一个。学生本人

陈良鑫

https://bbs.youkuaiyun.com/topics/392512019

百度贴吧：广信IT学院吧
https://tieba.baidu.com/f?kw=%E5%B9%BF%E4%BF%A1it%E5%AD%A6%E9%99%A2

（百度贴吧正文开头添加本文章优快云的两个发表链接）每个月发布在同一个主题下，每个月的网页链接和二维码都是同一个。学生本人

陈良鑫

百度贴吧：广东信息科技职业培训学院吧
https://tieba.baidu.com/f?kw=%E5%B9%BF%E4%B8%9C%E4%BF%A1%E6%81%AF%E7%A7%91%E6%8A%80%E8%81%8C%E4%B8%9A%E5%9F%B9%E8%AE%AD%E5%AD%A6%E9%99%A2
（百度贴吧正文开头添加本文章优快云的两个发表链接）学生本人

陈良鑫
广信IT学院
官网
www.gxrjxy.cn