javaScript中的事件对象event

【javaScript中的事件对象event】的更多相关文章

javaScript中的事件对象event

事件对象event,每当一个事件被触发的时候,就会随之产恒一个事件对象event,该对象中主要包括了关于该事件的基本属性,事件类型type(click.dbclick等值).目标元素target(我的理解是事件源对象,即触发该事件的dom元素)等,以及一些与该事件相关的方法.取消事件默认行为preventDefault().组织事件继续冒泡或捕获stopPropagation()等等,这里我仅仅列举了,项目中我用到的属性和方法. 既然事件被触发.就随之产生了一个event对象.笔者在IE中測试了…

javaScript中的事件对象event是怎样

事件对象event,每当一个事件被触发的时候,就会随之产恒一个事件对象event,该对象中主要包含了关于该事件的基本属性,事件类型type(click.dbclick等值).目标元素target(我的理解是事件源对象,即触发该事件的dom元素)等,以及一些与该事件相关的方法,取消事件默认行为preventDefault().组织事件继续冒泡或捕获stopPropagation()等等,这里我只列举了,项目中我用到的属性和方法. 既然事件被触发,就随之产生了一个event对象,笔者在IE中测试了,…

JavaScript中的事件对象

JavaScript中的事件对象 JavaScript中的事件对象是非常重要的,恐怕是我们在项目中使用的最多的了.在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含这所有与事件有关的信息.下面将会讲到DOM中的事件对象.IE中的事件对象以及跨浏览器的事件对象三个部分. 对于事件处理程序,大家可以看我的博文<JavaScript中的五种事件处理程序>. 第一部分:DOM事件对象兼容DOM的浏览器会将一个event对象传入到事件处理程序中,无论是HMTL特性.DOM0级还是…

JavaScript 中的事件对象（读书笔记思维导图）

在触发 DOM 上的某个事件时,会产生一个事件对象 event,这个对象中包含着所有与事件有关的信息.包括导致事件的元素.事件的类型以及其他与特定事件相关的信息.例如,鼠标操作导致的事件对象中,会包含鼠标位置的信息,而键盘操作导致的事件对象中,会包含与按下的键有关的信息.所有浏览器都支持 event 对象,但支持方式不同. DOM 和 IE 中的 event 对象不同,IE 中 event 对象的全部信息和方法 DOM 对象中都有,只不过实现方式不一样. 以下是<JavaScript高级程序设计…

Javascript中的事件对象和事件类型

接上次看JS的事件冒泡和捕获,所以顺带就把事件相关的知识都看完好了而且想到一个好的学习方法,第一天自己看,第二天把前一天学习的东西写下来,一方面可以当复习,一方面当重新整理并且分享事件对象事件处理程序函数在处理事件时,或者说DOM在触发某个事件的时候,会产生一个包含事件相关信息的event事件对象对于不同浏览器环境,这个event事件对象有一些差距 DOM中的事件对象不管是DOM0级还是DOM2级兼容DOM的浏览器会将一个event对象传入事件处理程序中常用的event对象的一些属…

javaScript动画3 事件对象event onmousemove

事件对象的获取(event的获取) var event = event || window.event;(主要用这种) screenX.pageX和clientX的区别 PageY/pageX: 鼠标位于整个网页页面的顶部和左侧部分的距离.(页面)ScreenY/screenX: 鼠标位于屏幕的上方和左侧的距离.(屏幕)ClientX/clientY: 鼠标位于浏览器的左侧和顶部的距离.(浏览器大小和位置) pageY/X兼容写法 pageY/pageX=event.clientY/client…

彻底理解javascript 中的事件对象的pageY, clientY, screenY的区别和联系。

说到底, pageY, clientY, screenY的计算,就是要找到参考点, 它们的值就是: 鼠标点击的点----------- 和参考点指点----------的直角坐标系的距离 stackoverflow上面有个回答,讲解的非常清晰. offsetX and offsetY are relative to the parent container, whereas pageX and pageY are relative to the document // rect is a DOM…

谈谈事件对象-event

JavaScript 中的事件对象(event) 当我们每次触发一种事件(如点击事件),我们会在回调函数中传入事件对象event.今天就来来谈谈. 1.当我们想判断当前事件是我们想要的事件类型时,可以使用type属性,表示当前事件的类型,如click,mousedown,mouseup等: 2.当我们想获取当前的坐标可以使用clientX和clienY,offsetX和offsetY,pageX和pageY,screenX和screenY. client:以浏览器(当前窗口)左上角为参考点(所以…

javascript中的事件Event

一.事件流 1.事件流:描述的是从页面中接受事件的顺序 IE的事件流是事件冒泡流,Netscape的事件流是事件捕获流. 2.事件冒泡 IE的事件流叫做事件冒泡(event bubbing),即事件开始时由具体的元素接受,然后逐级向上传播到较为不具体的节点.如果点击div.则事件流如下 div --> body --> html --> body 事件冒泡的过程如图 3.事件捕获 Netscape提出的事件流是事件捕获(event capturing),即不太具体的节点更早的接受到事件,…

JavaScript：事件对象Event和冒泡

本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 绑定事件的两种方式我们在上一篇文章中已经讲过事件的概念.这里讲一下注册事件的两种方式,我们以onclick事件为例. 方式一:onclick 举例: <body> <button>点我</button> <script> var btn = document.getElementsByTagName("button&qu…