专业编程基础技术教程

网站首页 > 基础教程 正文

JS 中的事件

ccvgpt 2024-11-26 00:53:15 基础教程 1 ℃

事件

什么是event对象

JS 中的事件

用来获取事件的详细信息:鼠标位置,键盘按键

获取鼠标位置:clientX

document对象:document对象代表当前文档,使用window对象的document属性访问,当浏览器加载文档后,会自动构建文档对象模型,把文档中每个元素都映射到一个数据集合中,然后以document进行访问。document对象与它所包含的各种节点构成了早起的文档对象







事件流

事件冒泡:事件触发的时候,从里向外层传递


事件捕获:事件触发的时候,从外向里层传递

element.addEventListener("监听事件","执行的函数方法",布尔值控制捕获还是冒泡(true是捕获,false是冒泡,默认是false))


取消事件委托:

element.removeEventListener("需要停止监听的事件","需要停止执行的函数方法");


取消冒泡:oEvent.cancelBubble = true;




onmouseout 和onmouseleave的区别:

可以使用window.event.fromElement来追溯触发当前事件的元素

Tags:

最近发表
标签列表