JavaScript—事件函数
发布日期:2021-06-30 15:17:49
浏览次数:2
分类:技术文章
本文共 690 字,大约阅读时间需要 2 分钟。
汇总表格
函数名 | 作用 |
---|---|
onmousemove | 检测鼠标是否移动 |
clientX | 鼠标的X坐标 |
clientY | 鼠标的Y坐标 |
pageX | 相对于当前页面的X坐标 |
pageY | 相对于当前页面的Y坐标 |
target | 触发事件的对象,使用event.target可以调用 |
事件对象
当事件的响应函数被触发时,浏览器每次都会将一个事件对象作为实参,传递进响应函数,在事件对象中封装了当前对象的一切信息,比如:鼠标的坐标,当前键盘按下了那个键,鼠标滚动的方向等等。
事件冒泡
什么是事件冒泡?
所谓的事件冒泡,指的是触发了内部事件,造成外部事件也跟着一起触发了。
取消事件冒泡
event.cancelBubble = true;
事件的委派
定义: 指将事件统一绑定给元素的共同的祖先元素,这样后代元素的事件触发时,会一直冒泡到祖先元素,从而通过祖先元素的响应函数来处理事件。事件委派是利用了冒泡,通过委派可以减少事件的绑定次数,提高程序的性能。
事件绑定
- 事件被覆盖的情况 解决上述问题的方法:
btn01.addEventListener("click",function(){ 这里写语句},false);使用上面的方法不会被覆盖掉。但是IE8不支持addEventListener这个方法,需要考虑兼容性的问题。IE8可以使用attachEvent方法。
addEventListener和attachEvent中this指向的问题
- addEventListener中的this指的是绑定事件的对象
- attachEvent中的this指的是window
解决兼容性的方法:
转载地址:https://jiapy.blog.csdn.net/article/details/110370748 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过,博主的博客真漂亮。。
[***.116.15.85]2024年05月01日 02时10分23秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
Mysql学习笔记(10):事务、视图
2019-05-01
JDBC学习笔记(1):JDBC概述
2019-05-01
JAVA进阶学习笔记(8):反射
2019-05-01
原始值与引用值(ES6学习笔记)
2019-05-01
python使用HTMLTestRunner查看运行函数
2019-05-01
linux系统安装mysql数据库
2019-05-01
接口自动化判断json()取值问题
2019-05-01
fiddler 抓取手机接口
2019-05-01
fiddler怎么抓取手机https请求
2019-05-01
fiddler 安装以及配置
2019-05-01
python的ImportError
2019-05-01
centos最小化安装配置网络问题
2019-05-01
linux安装java环境[JDK1.8]
2019-05-01
linux下安装jenkins+git+python
2019-05-01
jenkins直接安装插件包
2019-05-01
CentOS 7系统时间与实际时间差8个小时
2019-05-01
3性能测试简介(什么是性能测试?为什么进行性能测试,性能指标分析)
2019-05-01
5loadrunner脚本优化
2019-05-01
windows10家庭版开启组策略
2019-05-01