JS中event对象的使用和解决兼容问题

以你之姓@ 2023-01-08 05:25 137阅读 0赞

### JS中event对象的使用和解决兼容问题 ###

*  event对象
 *   *  使用window.event属性
     *   *  1.第一种：在html标记中显示地执行事件函数
         *  2.第二种：使用元素节点添加事件
         *  3.第三种：使用事件监听
     *  使用event参数，即事件函数中的实参也获得event对象
     *   *  1.第一种：html标记中显示地执行事件函数,无法获得event对象
         *  2.第二种：使用元素节点添加事件
         *  3.第三种：使用事件监听
     *  window.event.target的使用
     *  解决兼容写法
     *  keyCode值表：

# event对象 #

> event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

## 使用window.event属性 ##

### 1.第一种：在html标记中显示地执行事件函数 ###

不是事件执行这个函数的时候，window.event对象为undefined

### 2.第二种：使用元素节点添加事件 ###

### 3.第三种：使用事件监听 ###

--------------------

## 使用event参数，即事件函数中的实参也获得event对象 ##

### 1.第一种：html标记中显示地执行事件函数,无法获得event对象 ###

此方法无法获得event对象

### 2.第二种：使用元素节点添加事件 ###

### 3.第三种：使用事件监听 ###

--------------------

## window.event.target的使用 ##

> 点击某个div，显示出点击的是哪个div，只写一个事件函数实现这个功能

--------------------

## 解决兼容写法 ##

--------------------

## keyCode值表： ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW96aHV6aHV5YW5n_size_16_color_FFFFFF_t_70]

参考文献：https://blog.csdn.net/lhjuejiang/article/details/79455801

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW96aHV6aHV5YW5n_size_16_color_FFFFFF_t_70]: /images/20221119/1a190bc156074fbda785bd02130cdd74.png