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
参数详细信息描述

相关阅读:
大二学生JavaScript实训大作业——动漫秦时明月7页期末网页制作 HTML+CSS+JavaScript 网页设计实例企业网站制作
如何快速调整SMT贴片编程中的特殊元件角度？
初识MQ & RabbitMQ
mysql5.7安装审计日志插件audit-plugin
免费、强大的笔记软件推荐：Obsidian、Zettlr、Joplin、FlowUs
【stm32】hal库学习笔记-UART/USART串口通信（超详细！）
AI绘画软件汇总
HBase之异步Replication机制
MySQL高级SQL语句
支付分账户系统——新美业连锁的交易数字化破局之道

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