Javascript中Event属性搜集整理

下面是关于“JavaScript中Event属性搜集整理”的攻略：

1. 什么是Event属性

Event属性是JavaScript中用于处理事件的一组属性。在Web开发中，我们可以使用这些属性来获取响应事件的细节信息，从而编写出更加智能、优雅的代码。Event属性可以分为两类：公共属性和私有属性。

2. 公共属性

公共属性是指在所有事件对象中都可以使用的属性，常见的公共属性包括：

2.1. type

该属性返回当前事件的类型，例如：click、mouseover等等。通过该属性可以判断当前事件的类型，并作出相应的处理。

示例代码：

document.addEventListener('click', function(event) {
  if (event.type === 'click') {
    console.log('当前事件类型为click');
  }
});

2.2. target

该属性返回的是当前事件的目标节点，即触发该事件的DOM节点。通过该属性可以确定事件的具体来源。

示例代码：

document.addEventListener('click', function(event) {
  console.log('触发该事件的DOM节点为：', event.target);
});

2.3. currentTarget

该属性返回的是当前事件的当前节点，即绑定该事件的DOM节点。通过该属性可以确定事件绑定的DOM节点。

示例代码：

document.getElementById('btn').addEventListener('click', function(event) {
  console.log('绑定该事件的DOM节点为：', event.currentTarget);
});

3. 私有属性

私有属性是指在特定事件对象中才可以使用的属性，每种事件对象拥有的私有属性不尽相同。常见的私有属性包括：

3.1. pageX, pageY

该属性返回的是当前事件在页面中的X、Y坐标值。

示例代码：

document.addEventListener('click', function(event) {
  console.log('点击页面的坐标为：', event.pageX, event.pageY);
});

3.2. keyCode

该属性返回的是当前事件的按键编号。

示例代码：

document.addEventListener('keypress', function(event) {
  console.log('当前按下的按键编号为：', event.keyCode);
});

4. 总结

以上就是关于JavaScript中Event属性的搜集整理，公共属性和私有属性的具体介绍。在实际开发中，我们可以针对不同事件类型取用不同Event属性，实现更为智能、优雅的代码编写。