事件对象及常用属性

最新推荐文章于 2024-01-24 09:30:00 发布
最新推荐文章于 2024-01-24 09:30:00 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： dom事件运用 文章标签： 事件对象 常用属性
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/alightman/article/details/78074680
版权
事件对象：
触发某个事件，都会产生一个事件对象Event，
document.onclick = function (e) {
console.log(e);
}
//获取事件对象的兼容性代码
//e = e || window.event;ie678没有当成参数传给函数，而是绑定在了属性win dow.event
MouseEvent鼠标事件

事件对象的常用属性
screenX,Y：光标相当于屏幕左上角；
clientX,Y:可视区域的左上角的距离
pageX，Y：整个文档的左上角，随着滚动条而改变;
案例，移动事件
alightman
关注
专栏目录
[Javascript]：DOM绑定事件、事件流机制、事件委托、事件对象
我只是个程序员。
09-19 1618
写JS代码时经常用到DOM事件，却不怎么理解事件的一些相关原理。所以将关于DOM事件的知识系统整理一下，差不多涵盖DOM事件的方方面面。下面用到的事件表格和相关图片都来源于网上(代码都是自己亲手写的，并验证正确)。如有不足或错误之处，请给予指正，非常感谢！ 什么是事件       事件是指发生的事情。在网页中，事件通常是指用户或浏览器自身执行的某种动作，DOM事件则是表示文档和浏览器窗
JQuery 事件对象都有哪些常见属性？
jinlovo
05-07 717
$(function () { $(document).on("click", {"name":"jinlovo"},function (e) { console.log(e.data); //传递给事件处理程序的额外数据 Object{"name":"jinlovo"} console.l...
总结一些常用的事件对象属性
小李科技
11-13 234
总结一些常用的事件对象属性  张君卓mytac 关注 2016.12.05 18:06* 字数 300 阅读 47评论 0喜欢 1 event.type 该方法的作用是可以获取到事件的类型。 $(function(){ $("#btn").click(function(e){ alert(e.type)//获取事件...
JS基础-特效篇（事件对象）02-事件对象常用属性
weixin_45799003的博客
05-09 129
学多少算多少吧！赶鸭子上架吧！ 1.clientX：光标相对于网页的水平位置。 2.clientY：光标相对于网页的垂直位置。 以当前可视区域为基准，类似于固定定位 3.screenX：光标相对于屏幕的水平位置。 4.screenY：光标相对于屏幕的垂直位置。 以屏幕为基准进行测量！ 5.pageX：光标相对于网页的水平位置（滚动，no ie） 6.pageY：光标相对于网页的垂直位置（滚动，no ie） 以当前文档为基准，绝对定位！不适用于ie6-8 <div></div> di
day19 事件对象及其常用属性
最新发布
这这的博客
01-24 428
事件对象及其常用属性。
事件对象及其属性
weixin_30240349的博客
02-12 69
$(function(){ $('input').bind('click',function(e){ alert(e); //获取对象 //event对象的属性 alert(e.type); alert(e.target); alert(e.currentTarget);...
关于ajax对象一些常用属性、事件和方法大小写比较常见的问题总结
10-23
最近比较空闲，于是抽个时间...在项目中经常发现ajax板块好多问题都是属性，方法，事件大小写不区分问题，最终导致了程序运行出现麻烦，下面给大家介绍关于ajax对象一些常用属性、事件和方法大小写比较常见的问题总结
JavaScript中Window对象的属性及事件
10-23
因此，了解Window对象的属性和事件对前端开发者来说是基础且重要的。 Window对象的属性涵盖了浏览器窗口的各种状态和配置。例如，"closed"属性可以用来检测浏览器窗口是否被关闭；"defaultStatus"属性可以设置或...
VB对象属性方法事件PPT课件.ppt
04-08
VB对象属性方法事件，VB对象属性方法事件课件，VB对象属性方法事件PPT
事件对象和属性
weixin_44978043的博客
09-19 234
1.事件对象和属性 事件就是浏览器网页中的操作行为 事件对象：浏览器网页中发生的操作行为，代码中也可以通过对象的形式展示出来，通过提供的事件对象可以跟那个号的处理发生的行为 事件对象的常见属性 属性 描述 altKey 事件发生的时候是否同时按下了Alt键 ctrlKey 事件发生的时候是否同时按下了Ctrl按键 clientX 事件发生时鼠标指针距离浏览器窗口左侧的距离 clientY 事件发生时鼠标指针距离浏览器窗口顶部的距离 pageX 事件发生时 鼠标指针距离网页
js事件对象的常见属性和方法
王敬辉的博客
06-02 761
e.target target 属性规定哪个 DOM 元素触发了该事件。 target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 this和e.target的区别 e.target 点击了哪儿个元素，就返回哪儿个元素 this是哪儿个元素绑定了点击事件，那么就返回谁； <ul> <li>123</li> <li>456</li> <li>789</li> </ul>
事件之事件对象
xiaoyangzhu的博客
12-16 746
一 定义 在 DOM 中发生事件时，所有相关信息都会被收集并存储在一个名为 event 的对象中 一些基本信息，比如导致事件的元素、发生的事件类型，以及可能与特定事件相关的任何其他数据 二 DOM事件对象 1、事件对象： 在DOM合规的浏览器中，以DOM0或DOM2的方式指定事件处理程序，event对象是传给事件处理程序的唯一参数 事件对象包含与特定事件相关的属性和方法 event 对象只在事件处理程序执行期间存在，一旦执行完毕，就会被销毁 let btn = document.get..
JavaScript事件属性有哪些？
qq_51524894的博客
09-19 388
javascript事件属性有：onabort、onblur、onchange、onclick、ondblclick、onerror、onfocus、onkeydown、onload、onreset、onselect、onsubmit等。事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行。
HTML5中的通用事件属性
HTML5中文帮助手册
06-30 719
标准事件属性HTML 4 增加了通过事件触发浏览器中行为的能力，比如当用户点击某个元素时启动一段 JavaScript。下面的表格列出了可插入 HTML 5 元素中以定义事件行为的标准事件属性。Window 事件属性 - Window Event Attributes 表单事件 - Form Events 键盘事件 - Keybord Events 鼠标事件 - M
什么是事件对象？
龘
04-09 161
事件对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&
js中常见的事件对象
小枫的博客
12-18 704
js中常见的事件对象
JS事件对象大汇总
weixin_43450479的博客
07-08 271
JS事件对象 1.什么是事件对象 事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生，并且只能是事件处理函数内部访问，在所有事件处理函数运行结束后，事件对象就被销毁。 2.事件传播机制 总体来说，事件传播机制分为三个阶段： （1）capture phase（捕获阶段）：就是事件从window开始一层一层向目标传递的阶段。 （2）target phase（目标阶段）：...
16.事件分类及事件对象
weixin_51353891的博客
08-03 284
事件分类 资源事件 事件名称 触发条件 load 页面元素(包括图像多媒体等)资源及其相关资源已完成加载。 beforunload 用户退出页面 例子： <script> // 通过onload事件等待页面或图像加载完成后调用。 // 这样可以保证 HTML 文档加载完毕，在函数内部操作dom保证DOM 树是完整的 window.onload = function(){ // 获取页面上的元素 var row = document.getElemen
jQuery事件对象属性详解：兼容与常用属性整合
这个对象包含了丰富的属性，这些属性在处理各种事件时都非常有用： 1. `type`: 事件的类型，例如`click`、`mouseover`等。在处理多个事件的回调函数中，可以通过`event.type`获取当前事件的类型，如`$(“a”).click...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值