首页 > 其他分享 >JS 事件盘点

JS 事件盘点

时间:2022-09-01 17:55:32浏览次数:64  
标签:浏览器 鼠标 元素 keydown JS 键盘 盘点 事件

1.鼠标事件

鼠标在元素上移动 mousemove

鼠标从该元素上移出 mouseout

鼠标移动到该元素 mouseover

鼠标点击(单击) click

鼠标双击 dbclick

鼠标右击 contextmenu 可以配和event的preventDefault()方法来禁用鼠标右击

2.键盘事件

键盘按下 keydown

键盘按下 keypress 区别于keydown keydown不能识别键盘大小写,而keypress不能识别特殊按键列如esc,f1之类的

键盘松开 keyup

3.其它事件

浏览器窗口大小发生改变时 resize 其实感觉这个和媒体查询差不多

浏览器加载事件 window.onload

浏览器滚动轴事件 scroll 当滚动轴发生改变是触发这个事件

元素获取焦点事件 focus 元素获取焦点后执行这边的函数

元素失去焦点事件 blur 元素失去焦点后触发该事件
————————————————
版权声明:本文为CSDN博主「tjq11111」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/tjq11111/article/details/121991047

标签:浏览器,鼠标,元素,keydown,JS,键盘,盘点,事件
From: https://www.cnblogs.com/wfming/p/16647375.html

相关文章

  • D365: Business event(二)自定义功能事件
    D365F&O中自定义功能事件Demo(销售订单行更新剩余交货量)1,创建Contract类,继承BusinessEventsContract 2,创建Event类,继承BusinessEventsBase 3,在触发点注册事件......
  • 生成二维码并以图片格式下载-qrcodejs2
    1、安装qrcodejs2npminstallqrcodejs2--save2、在需要的页面引入importQRCodefrom"qrcodejs2";3、页面中使用<divid="qrcode"ref="qrcode"></div>4......
  • Flask 学习-31.flask_jwt_extended 验证token四种方headers/cookies/json/query_stri
    前言用户携带授权token访问时,其jwt的所处位置列表,默认是在请求头部headers中验证。可以通过JWT_TOKEN_LOCATION进行全局配置,设置token是在请求头部,还是cookies,还是json,......
  • JS缓存三种方法
    1.sessionStorage:临时的会话存储只要当前的会话窗口未关闭,存储的信息就不会丢失,即便刷新了页面,或者在编辑器中更改了代码,存储的会话信息也不会丢失。2.localStor......
  • vue项目中main.js使用方法详解
    vue项目中main.js使用方法详解目录第一部分:main.js文件解析第二部分:Vue.use的作用以及什么时候使用Vue.use是什么?(官方文档)Vue.use()什么时候使用?补充:关于main.js方便小技......
  • jsp基础语法和指令
    javabeanMVC三层架构filter......
  • fastjson版本替换升级脚本
    fastjson漏洞修复脚本脚本说明fastjson_update.sh:对指定目录下的fastjsonjar包进行备份、升级、还原。使用帮助上传到项目外任意目录下并解压并赋予执行权限(如/......
  • C#线程:使用事件等待句柄发送信号
    最简单的信号发送结构是事件等待句柄(注意它和C#的事件是无关的)。事件等待句柄有三种实现:AutoResetEvent、ManualResetEvent(Slim)和CountdownEvent。前两种基于通用的Event......
  • 20个实用的js小技巧
    //1滚动到页面顶部window.scrollTo()平滑滚动到页面顶部constscrollToTop=()=>{window.scrollTo({top:0,left:0,behavior:'smooth'}......
  • nodejs base64 编码解码
    一、普通字符串编码varb=newBuffer('JavaScript');vars=b.toString('base64');//SmF2YVNjcmlwdA==解码:varb=newBuffer('SmF2YVNjcmlwdA==','base64')......