JS事件参数对象event

安全天天学

于 2022-07-28 09:07:07 发布

阅读量471

点赞数

分类专栏： JS 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_53568983/article/details/126027185

版权

JS 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

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>
      <!-- onkeydown: 当某个键按下时触发事件 -->
      <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>

当你运行此程序，并且在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
参数详细信息描述