Event事件

最新推荐文章于 2022-03-26 19:41:15 发布

斗弟

最新推荐文章于 2022-03-26 19:41:15 发布

阅读量201

点赞数

分类专栏：原生JS 文章标签： Event对象

本文链接：https://blog.csdn.net/L_Lintellect/article/details/99088533

版权

10 篇文章 0 订阅

订阅专栏

什么是event对象

事件执行过程中的状态，用来保存当前事件的信息对象

如何获取event对象

在事件处理函数中的第一个参数。

    box.onclick = function (e) {
        e = e || window.event;  //兼容处理，IE8- ：window.event
    }

鼠标Event对象 botton
- button 返回当事件被触发时，哪个鼠标按钮被点击。
  - W3C标准
    0: 代表鼠标按下了左键
    1: 代表按下了滚轮
    2: 代表按下了右键
  - IE8-（IE8以下的浏览器）
    1鼠标左键， 2鼠标右键， 3左右同时按， 4滚轮， 5左键加滚轮， 6右键加滚轮， 7三个同时
键盘Event对象
- ev.keyCode 返回键盘的键码
  
  常用的控制键的键码
  
  键键码键键码
  backSpace 8 Esc 27
  Tab 9 Enter 13
  Shift 16 Ctrl 17
  Alt 18 spacebar 32
  ↑ 38 ↓ 40
  ← 37 → 39
- altKey ALT 键是否被按下
- ctrlKey CTRL 键是否被按下
- shiftKey Shift 键是否被按下。

   if (ev.keyCode == 13 && ev.ctrlKey) {
       //按下组合键：回车和ctrl同时
       console.log('按下了组合键');
   }