JavaScript常用事件详解

一、用于form(表单)的事件

在网页中经常会遇到一些表单的验证,是通过事件进行处理的,比如用户输入用户名之后,及时显示用户是否被注册

用于form(表单)的事件

事件名功能       

onblur

当元素失去焦点时运行
onchange当元素值被改变时运行
onfocus当元素获取焦点时运行
onselect在元素中 文本被选中后触发
onsubmit

当提交表单时触发

                                                                                                                                                                                                                                                

二、用于keyboard(键盘)的事件

键盘事件经常用于网络游戏之中,只需要给网页添加监听事件,当用户按下相应的按键时,就会触发事件处理程序

用于keyboard(键盘)的事件

事件名功能
onkeydown当用户按下按键时触发
onkeyup当用户释放按键时触发
onkeypress当用户敲击按键时触发

三、用于mouse(鼠标)的事件

鼠标事件在网站中尤其常用,可以利用鼠标事件触发很多特效,最简单的就是单击弹出对话框,还有网页轮播图鼠标移出、移出的动画效果

用于mouse(鼠标)的事件

事件名功能
onclick当元素上发生鼠标点击时触发
ondblclick当元素上发生鼠标双击时触发
onmousedown当元素上按下鼠标按键时触发
onmouseup当元素上释放鼠标按键时触发
onmousemove当元素上进行鼠标移动时触发
onmouseover当鼠标指针移动到元素上时触发
onmouseout当鼠标指针移出元素时触发
onmousewheel当鼠标滚轮被滚动时运行脚本
onscroll当元素滚动条被滚动时运行脚本

四、用于window对象的事件

比如onload事件在HTML渲染完毕后执行一些操作

window.onload = function(){}

用于window对象的事件

事件名功能
onerror当错误发生时运行时的脚本
onload页面结束加载之后触发
onunload一旦页面已下载时触发(或者浏览器窗口已被关闭)
onresize当浏览器窗口被调整大小时触发

五、手机端触摸屏幕的事件

手机屏触摸事件只会在手机端触发 

手机端触摸屏膜的事件

事件名功能
ontouchstart当触摸开始的时候触发
ontouchend当触摸结束的时候触发
ontouchmove当手指在屏幕上滑动的时候触发

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/345040.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【java八股文】之JVM基础篇

1、Java中都有哪些引用? 强引用 :发生GC时候不会被回收 软引用:发生内存满(内存溢出的时候)会被回收(通常用于缓存) 弱引用:发生下一次GC时候会被回收 虚引用:无法通过虚…

【微信小程序独立开发1】项目提出和框架搭建

前言:之前学习小程序开发时仿照别人的页面自己做了一个商城项目和小说项目,最近突发奇想,想从0开发一个关于《宠物日记》的小程序,需求和页面都由自己设计,将在这记录开发的全部流程和过程中遇到的难题等... 1、搭建小…

1024 科学计数法 (20)

科学计数法是科学家用来表示很大或很小的数字的一种方便的方法,其满足正则表达式 [-][1-9].[0-9]E[-][0-9],即数字的整数部分只有 1 位,小数部分至少有 1 位,该数字及其指数部分的正负号即使对正数也必定明确给出。 现以科学计数…

Danswer部署指南

Quickstart How to deploy Danswer on your local machine ​ Requirements gitdocker with compose (docker version > 1.13.0) ​ Setup This quickstart guide covers setting up Danswer for local execution Clone the Danswer repo: git clone https://github.com…

一款快速稳定的漏洞扫描工具【afrog】零基础入门到精通

工具介绍 afrog 是一款快速、稳定的高性能漏洞扫描器。支持用户自定义PoC,内置CVE、CNVD、默认密码、信息泄露、指纹识别、越权访问、任意文件读取、命令执行等多种类型。通过afrog,网络安全专业人员可以快速验证和修复漏洞,这有助于增强他们…

强化学习应用(二):基于Q-learning的无人机物流路径规划研究(提供Python代码)

一、Q-learning简介 Q-learning是一种强化学习算法,用于解决基于马尔可夫决策过程(MDP)的问题。它通过学习一个价值函数来指导智能体在环境中做出决策,以最大化累积奖励。 Q-learning算法的核心思想是通过不断更新一个称为Q值的…

mac 使用brew卸载node

1.查看当前的node版本 node -v 2.查看使用brew 安装的版本,可以看到本机装了14、16、18版本的node brew search node 3.卸载node brew uninstall node版本号 --force 如分别删除14、16、18版本的node命令如下 brew uninstall node14 --force brew uninstall no…

软考高级系统架构设计师考试经验分享

文章目录 1. 软考介绍(1)什么是软考(2)软考的作用(3)软考各科目的难度(4)考试时间(5)考试形式 2.系统架构设计师备考经验(1)辅导资料&…

谷粒商城-缓存使用分布式锁SpringCache(5天)

缓存使用 1.1.1 哪些数据适合放入缓存 即时性、 数据一致性要求不高的 访问量大且更新频率不高的数据(读多, 写少) 例如:电商类应用, 商品分类, 商品列表等适合缓存 本地缓存 使用Map进行本地缓存 本地缓存…

如何配置Kafka账号密码

背景 我们需要与第三方系统进行数据同步,需要搭建公网Kafka,Kafka默认是没有用户密码校验的,所以我们需要配置用户名密码校验。 配置 新增JAAS配置文件 在conf目录下新增kafka_server_jaas.conf文件,文件内容如下:…

基于SpringBoot的洗衣店管理系统

基于SpringBoot的洗衣店管理系统的设计与实现~ 开发语言:Java数据库:MySQL技术:SpringBootMyBatis工具:IDEA/Ecilpse、Navicat、Maven 系统展示 登录界面 可视化展示 用户界面 管理员界面 摘要 洗衣店管理系统基于Spring Boot框…

vue3-响应式基础之reactive

reactive() 还有另一种声明响应式状态的方式&#xff0c;即使用 reactive() API。与将内部值包装在特殊对象中的 ref 不同&#xff0c;reactive() 将使对象本身具有响应性&#xff1a; 「点击按钮1」 <script lang"ts" setup> import { reactive } from vuec…