js中event对象属性和方法

1、type

事件的类型，如onlick中的click；

2、srcElement/target

事件源，就是发生事件的元素；

3、button

声明被按下的鼠标键，整数，1代表左键，2代表右键，4代表中键，如果按下多个键，酒把这些值加起来，所以3就代表左右键同时按下；（firefox中 0代表左键，1代表中间键，2代表右键）

4、clientX/clientY

事件发生的时候，鼠标相对于浏览器窗口可视文档区域的左上角的位置；(在DOM标准中，这两个属性值都不考虑文档的滚动情况，也就是说，无论文档滚动到哪里，只要事件发生在窗口左上角，clientX和clientY都是 0，所以在IE中，要想得到事件发生的坐标相对于文档开头的位置，要加上document.body.scrollLeft和 document.body.scrollTop)

5、offsetX,offsetY/layerX,layerY

事件发生的时候，鼠标相对于源元素左上角的位置；

6、x,y/pageX,pageY

检索相对于父要素鼠标水平坐标的整数；

7、altKey,ctrlKey,shiftKey等

返回一个布尔值；

8、keyCode

返回keydown何keyup事件发生的时候按键的代码，以及keypress 事件的Unicode字符；(firefox2不支持 event.keycode，可以用 event.which替代 )

9、fromElement,toElement

前者是指代mouseover事件中鼠标移动过的文档元素，后者指代mouseout事件中鼠标移动到的文档元素；

10、cancelBubble

一个布尔属性，把它设置为true的时候，将停止事件进一步起泡到包容层次的元素；(e.cancelBubble = true; 相当于 e.stopPropagation();)

11、returnValue

一个布尔属性，设置为false的时候可以组织浏览器执行默认的事件动作；(e.returnValue = false; 相当于 e.preventDefault();)

12、attachEvent(),detachEvent()/addEventListener(),removeEventListener

为制定DOM对象事件类型注册多个事件处理函数的方法，它们有两个参数，第一个是事件类型，第二个是事件处理函数。在
attachEvent()事件执行的时候，this关键字指向的是window对象，而不是发生事件的那个元素；

13、screenX、screenY

鼠标指针相对于显示器左上角的位置，如果你想打开新的窗口，这两个属性很重要；

js中event对象属性和方法相关推荐

js中获取对象属性的3种方式
js中遍历获取对象属性和方法主要有Object.keys().Object.getOwnPropertyNames().for-in- 区别 1.for in会输出自身以及原型链上可枚举的属性.2.O ...
js中Event 对象 target 与 currentTarget的应用
http://www.cnblogs.com/meng1314-shuai/p/7455575.html Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠 ...
js中判断对象数据类型的方法
javascript中有六种数据类型:string:boolean:Array:Object:null;undefined.如何检测这些数据类型呢,总结方法如下: 方法一:采用typeof var f ...
在js中Date对象用getDay方法get到的是个啥玩意儿？
懒得写日期加减的逻辑,于是在网上随便拷贝了个代码进来,结果,我输入2020-04-29,加三个月后get到的却是2020-06-03 开始还没有发现问题在哪,结果是getDay的问题,所以这到底get ...
ES6中遍历对象属性的方法
1.For..in 可以遍历自身和继承的所有可枚举属性,不含Symbol. 2.Object.keys() 返回一数组,含自身非继承的所有可枚举属性,不含Symbol. 3.Object.getOwn ...
js中Event对象的5种坐标
1.clientX/clientY--相对于浏览器可视区左上角(0,0)的坐标 2.screenX/screenY--相对于设备屏幕左上角(0,0)的坐标 3.offsetX/offsetY--相对于 ...
JS中获得窗口属性的方法
1.获得屏幕的分辨率: screen.width screen.height 2.获得窗口大小: document.body.clientWidth document.body.clientHeigh ...
js之删除对象属性的三种方法判断对象中是否有某一属性的四种方法
js之删除对象属性的三种方法 & 判断对象中是否有某一属性的四种方法示例 1.基础版 var a = { id: 18, age: 20, name: "zhangsan" ...
前端：JS/25/DOM官方定义，DOM分类，HTML节点树（节点关系，节点类型，），核心DOM中公共的属性和方法（节点访问，查找DOM节点，节点属性，节点的创建，追加和删除）
DOM官方定义 DOM,Document Object Model,文档对象模型,我们可以把网页中的所有"东西"看成是对象": DOM的官方定义:DOM可以使用脚本,动态 ...

js中event对象属性和方法

js中event对象属性和方法相关推荐

最新文章

热门文章