JS事件参数对象event

1.Event事件解释

一般来说，单你在JS中触发一个函数时，在函数中你就可以console.log(event);,控制台就会输出你所做操作的所有信息

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>留言板项目title>
head>
<body>
      
      <input type="text" name="leava" id="leava" placeholder="请留言" onkeydown="f(this)" autofoucs>
      <button onclick="fg()">button>
      <ul>ul>
    <script>
        function f(els)
        {
            console.log(event);
            if(event.key === 'Enter'){
                console.log('123');
            }
        }
        function fg()
        {
            console.log(event);
        }
    script>
body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

当你运行此程序，并且在input和button上进行操作时，就会输出操作的信息

2.参数

altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX, pageX,pageY
screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y，returnValue
参数详细信息描述

相关阅读:
【Python21天学习挑战赛】-迭代器 & f-格式化 & 模块
Python3 数据结构
docker介绍
Linux常用命令
Kubeadm部署K8s
SAP ABAP WITH语法
html问卷调查
能量原理与变分法笔记01:三种分析方法的简单介绍
小谈设计模式（29）—访问者模式
人工神经网络技术的优点,浅谈人工神经网络

原文地址：https://blog.csdn.net/qq_53568983/article/details/126027185