JavaScript 之 DOM [ 事件 ]

xuxueli 发布于2019-08-23 11:39 / 1463人阅读

摘要：事件描述事件是浏览器告知程序用户的行为事件属性的元素属性元素可以直接添加事件属性在页面中添加事件属性属性值为函数名按钮在页面设置事件属性该事件作用在当前元素，不能绑定多个并且没能使页面结构与之间存在有效分离设置事件处理函数娃哈哈哈

事件描述

事件是浏览器告知JavaScript程序用户的行为

事件属性 HTML的元素属性

HTML元素可以直接添加事件属性

body>

DOM事件属性

DOM对象可以设置事件属性

事件监听器

DOM对象提供的 addEventListener()方法

事件监听器也可以设置事件属性

该方法有浏览器兼容问题

IE8 以下版本不支持

IE8 提供了解决方法

attachEvent()方法

移除绑定事件

removeEventListener（）

表示对已绑定的事件进行移除

事件对象

Event事件对象

所有设置事件属性的方式都能使用

该对象存在于事件处理函数的参数中

阻止默认行为

event.preventDefault()

表示阻止目标元素所绑定的事件运行


这是链接

获取鼠标坐标 pageX和pageY

表示获取鼠标在页面中的位置

clientX和clientY

表示获取鼠标在可视窗口中的位置

screenX和screenY

表示获取鼠标在显示器屏幕中的位置

offsetX和offsetY

表示获取鼠标相对于在父元素中的位置

GPU云服务器云服务器 javascript_dom事件 DOM事件 dom事件管理 dom事件冒泡

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97276.html

浏览器内核之 HTML 解释器和 DOM 模型

摘要：书接上文浏览器内核之资源加载与网络栈本文介绍的模型之后，深入的核心部分，剖析的解释器是如何将从网络或者本地文件获取的字节流转成内部表示的结构树。事件处理最重要就是事件捕获和事件冒泡这两种机制。 showImg(https://segmentfault.com/img/remote/1460000016215814); 微信公众号：爱写bugger的阿拉斯加如有问题或建议，请后台留言，我...

Carbs 2019-08-02 16:04 评论0 收藏0
javascript事件之核心问答(持续更新)

摘要：事件捕获的用意在于事件到达预定目标之前捕获它。级事件流规定的事件流包括三个阶段事件捕获阶段处于目标阶段和冒泡阶段。首先发生的是事件捕获，为截获事件提供了机会。最后一个阶段是冒泡阶段，可以在这个阶段对事件作出响应。一.基本概念:事件流是什么?有哪些事件流? 事件流是描述页面接收事件的顺序具体的有事件冒泡事件捕获 DOM事件流事件冒泡又叫IE的事件流，即事件...

BakerJ 2019-08-21 10:33 评论0 收藏0
JavaScript系列之事件详解

摘要：响应某个事件的函数就叫事件处理程序或事件侦听器。为事件指定事件处理程序的方法主要有种。事件处理程序事件直接加在元素上。事件委托利用冒泡的原理，把事件加到父元素或祖先元素上，触发执行效果，解决事件处理程序过多问题。事件委托优点提高性能。 JavaScript简单入门可以看看我丑丑的Github博客JavaScript简单入门事件 JavaScript与HTML之间的交互是通过事件实现的...

pakolagij 2019-08-21 17:16 评论0 收藏0
《javascript高级程序设计》之事件

摘要：特性这样指定事件处理程序具有一些独到之处。级事件处理程序通过获得要操作对象的引用，用把一个函数赋值给一个事件处理程序属性，比如。以这种方式添加的事件处理程序会在事件流的冒泡阶段被捕获。级事件处理程序级事件定义了两个方法，。一、事件处理程序响应某个事件的函数叫做事件处理程序（或事件侦听器），为事件指定处理程序的方式有下面几种。 1、html特性这样指定事件处理程序具有一些独到之处...

Render 2019-08-26 11:51 评论0 收藏0