当前位置: 首页 > news >正文

JavaScript---事件对象event

获取事件对象:

事件对象:是个对象,这个对象里有事件触发时的相关信息,在事件绑定的回调函数的第一个参数就是事件对象,一般命名为event、ev、e

eg:  元素.addEventListener('click',function (e){})

部分常用属性:

type: 获取当前事件类型

clientX / clientY: 获取光标相对于浏event览器可见窗口左上角位置

offsetX / offsetY: 获取光标相对于当前dom元素左上角位置

key: 用户按下的键盘的值    现在不提倡使用keyCode

<body>
<input type="text">
<script>const input = document.querySelector("input")input.addEventListener("keyup",function (e){console.log(e.key)if (e.key==='Enter'){console.log("我按下了回车键")}})
</script>
</body>

http://www.lryc.cn/news/102364.html

相关文章:

  • Day 15 C++对象模型和this指针
  • HarmonyOS/OpenHarmony元服务开发-卡片生命周期管理
  • 软件工程01
  • UML/SysML建模工具更新(2023.7)(1-5)有国产工具
  • Mac plist文件
  • 基于Java+SpringBoot+vue前后端分离校园周边美食探索分享平台设计实现
  • 【openwrt】package介绍
  • vue 封装一个鼠标拖动选择时间段功能
  • ubuntu22.0安装Barrier局域网共享鼠标键盘
  • ffmpeg常用功能博客导航
  • shopee,lazada,etsy店群如何高效安全的管理
  • 【计算复杂性理论】证明复杂性(八):命题鸽巢原理(Propositional Pigeonhole Principle)的指数级归结下界
  • 使用DataX实现mysql与hive数据互相导入导出
  • 语音转录成文本:AI Transcription for mac
  • [nlp] TF-IDF算法介绍
  • 一些感想,写在8月之前
  • 推动数字经济高质量发展需破解三大挑战
  • Pycharm工具Python开发自动添加注释(详细)
  • RUST 有哪些整型?
  • 【Python 实战】---- 批量识别图片中的文字,存入excel中【使用百度的通用文字识别】
  • 探索前端图片如何携带token进行验证
  • 飞桨AI Studio可以玩多模态了?MiniGPT4实战演练!
  • C++笔记之++i和i++是原子操作吗?
  • Pytest+Allure+Excel接口自动化测试框架实战
  • 阿里云国际版账号注册常见问题汇总
  • Flowable基础
  • 力扣热门100题之合并区间【中等】
  • 机会成本:隐形的手,驱动你的选择
  • win10日程怎么同步到安卓手机?电脑日程同步到手机方法
  • 7月31日每日两题