网站首页 > 基础教程 正文
事件
什么是event对象
用来获取事件的详细信息:鼠标位置,键盘按键
获取鼠标位置:clientX
document对象:document对象代表当前文档,使用window对象的document属性访问,当浏览器加载文档后,会自动构建文档对象模型,把文档中每个元素都映射到一个数据集合中,然后以document进行访问。document对象与它所包含的各种节点构成了早起的文档对象
事件流
事件冒泡:事件触发的时候,从里向外层传递
事件捕获:事件触发的时候,从外向里层传递
element.addEventListener("监听事件","执行的函数方法",布尔值控制捕获还是冒泡(true是捕获,false是冒泡,默认是false))
取消事件委托:
element.removeEventListener("需要停止监听的事件","需要停止执行的函数方法");
取消冒泡:oEvent.cancelBubble = true;
onmouseout 和onmouseleave的区别:
可以使用window.event.fromElement来追溯触发当前事件的元素
- 上一篇: 高效组件的设计与封装之道
- 下一篇: react高质量笔记_11(组件的组合使用)
猜你喜欢
- 2024-11-26 51.C# Button控件
- 2024-11-26 跑马灯、滚动marqueen效果
- 2024-11-26 HTML DOM 事件
- 2024-11-26 w08Button,发出你的指令,让程序随心而动
- 2024-11-26 前端校招面试者简历这么厉害,怎么测试实力深浅?
- 2024-11-26 konva系列教程4:图形属性
- 2024-11-26 强大 WebView2 + 不用写 JavaScript 的 htmx.js 「小轻快」开发桌面程序
- 2024-11-26 33-jquery移入移出事件
- 2024-11-26 【JS 无冒泡事件】JS不会冒泡的事件有哪些??
- 2024-11-26 什么是窗口子类化
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)