当前位置：网站首页>JS事件参数对象event

JS事件参数对象event

2022-07-30 12:00:00 【今天不学习，明天变腊鸡】

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

原网站

版权声明
本文为[今天不学习，明天变腊鸡]所创，转载请带上原文链接，感谢
https://blog.csdn.net/qq_53568983/article/details/126027185

边栏推荐

猜你喜欢

随机推荐