常用的javascript事件大全

最新推荐文章于 2025-05-30 15:00:19 发布
最新推荐文章于 2025-05-30 15:00:19 发布
阅读量4.1k 收藏 82
点赞数 9
CC 4.0 BY-SA版权
文章标签： javascript js常用事件 按键事件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Originally_M/article/details/106003387
本文全面整理了JavaScript中的各类事件，包括但不限于图像加载、焦点变化、内容修改、点击、双击、键盘操作、页面加载等，共计27种。深入探讨了事件触发的场景与应用，为前端开发者提供详实的参考资料。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

整理一下js事件，发现居然有这么多，常用的不常用的，感觉还是很灵活的
详细属性：
事件属性描述
onabort图像的加载被中断
onblur元素失去焦点
onchange域（元素）的内容被改变
onclick当用户点击某个对象时调用的事件
ondblclick当用户双击某个对象时调用的事件
onerror在加载文档或图像是发生错误
onfocus元素获得焦点
onkeydown某个键盘按键被按下
onkeypress某个键盘按键按下并松开
onkeyup某个键盘按键被松开
onload一张页面或者一个图片完成加载
onmousedown鼠标按钮被按下
onmousemove鼠标被移动
onmouseout鼠标从某元素移开
onmouseover鼠标移到某元素之上
onmouseup鼠标按键被松开
onreset重置按钮被点击
onresize窗口或框架被重新调整大小
onselect文本被选中
onsubmit确认按钮被点击
onunload用户退出页面
JavaScript中常用的事件及处理
2401_87197766的博客
11-05 1578
与change事件不同，input事件在元素的值发生变化后立即发生，而change事件在元素失去焦点时才发生‌。这些事件包括keydown、和keyup和keypress，它们分别在用户按下、释放键盘按键时触发，用于执行特定的操作或功能。某个键时触发，过去用于捕获字符键，但现代浏览器中已不推荐使用，因为它不区分大小写和修饰键‌（不包括功能键如Ctrl、Shift等）。某个键时触发，如果按住不放会重复触发。与input事件不同，change事件只在元素失去焦点时触发一次，即使值在失去焦点前发生了多次变化‌。
javaScript常用事件
09-19
JavaScript是Web开发中不可或缺的一部分，尤其在处理用户交互时，事件扮演着至关重要的角色。本文将详细介绍...通过理解并熟练运用这些JavaScript事件和对象方法，开发者可以创建出更加互动和响应式的网页应用。
JavaScript事件列表
08-11
JavaScript事件全列表，带注释
JavaScript事件大全(二)
coolhty的专栏
12-06 823
 click() 对象.click() 使对象被点击。closed 对象.closed 对象窗口是否已关闭true/falseclearTimeout(对象) 清除已设置的setTimeout对象clearInterval(对象) 清除已设置的setInterval对象confirm("提示信息") 弹出确认框，确定返回true取消返回falsecursor:样式 更改鼠标样式 hand cros
JS 事件循环详解
最新发布
2203_75479159的博客
05-30 1305
JS 是一种单线程语言，这意味着它只有一个主线程（执行栈）来处理所有任务。这种设计避免了多线程环境中的复杂同步问题，但也带来了一个挑战：如何防止长时间运行的代码阻塞整个程序？：执行栈中的任务依次执行。
js 常见事件
weixin_30709809的博客
05-07 156
a.窗口事件,只在body和frameset元素中才有效onload 页面或图片加载完成时onunload 用户离开页面时 b.表单元素事件,在表单元素中才有效onchange 框内容改变时onsubmit 点击提交按钮时onreset 重新点击鼠标按键时onselect 文本被选择时onblur 元素失去焦点时onfocus ...
JavaScript 常用事件大全
mzdxxcdh的博客
12-28 3836
事件是发生在你正在编程的系统中的事情——当事件发生时，系统产生（或“触发”）某种信号，并提供一种机制，当事件发生时，可以自动采取某种行动（即运行一些代码）。事件是在浏览器窗口内触发的，并倾向于附加到驻留在其中的特定项目。这可能是一个单一的元素，一组元素，当前标签中加载的 HTML 文档，或整个浏览器窗口。有许多不同类型的事件可以发生。
JavaScript中常用的事件
weixin_34041003的博客
02-17 130
事件委托 可以给元素添加多个事件 var addHandler = function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); //false表示冒泡阶段 }else if(element.att...
JavaScript 事件处理 常用事件（鼠标事件、键盘事件、表单事件）示例代码
06-27
JavaScript 事件处理 常用事件（鼠标事件、键盘事件、表单事件）示例代码JavaScript 事件处理 常用事件（鼠标事件、键盘事件、表单事件）示例代码JavaScript 事件处理 常用事件（鼠标事件、键盘事件、表单事件）示例...
JavaScript常用事件介绍
10-17
### 常用的JavaScript事件 JavaScript中有很多内置事件，以下是一些常用的事件类型： - **窗口事件**：如`onload`事件，用于在页面加载完成后执行函数。 - **表单元素事件**：如`onsubmit`事件，用于在表单提交前...
JavaScript中一些常用事件
Ken-Zhang的专栏
01-27 799
一、常用事件 1.onclick事件 点击事件（onclick并不是js中的方法，onclick只是浏览器提供js的一个dom接口，让js可以操作dom，所以onclick大小写都是没问题的，比如HTML代码就不用区分大小写） 例： page language="java"import="java.util.*" pageEncoding="UTF-8"%>   DOCTYPE
js常用事件
热门推荐
luojing0516的博客
06-29 1万+
1.点击事件：onclick：单击事件ondblclick：双击事件2.焦点事件onblur：失去焦点onfocus:元素获得焦点。3.加载事件：onload：一张页面或一幅图像完成加载。4.鼠标事件：onmousedown： 鼠标按钮被按下。onmouseup： 鼠标按键被松开。onmousemove： 鼠标被移动。onmouseover： 鼠标移到某元素之上。onmouseout ：鼠标从某元素移开。鼠标按下时，通过事件对象 event中的属性 button 或 which 可以获取鼠标按键的编号e.b
JS常见的事件
weixin_33804990的博客
04-30 471
常见的事件 焦点事件: 　　1.blur: 在元素失去焦点时触发. 这个事件不会冒泡; 　　2.focus: 在元素获得焦点时触发. 这个事件不会冒泡; 　　3. focusin: 在元素获得焦点时触发, 但会冒泡; 　　4. focusout: 在元素失去焦点时触发 ,但会冒泡; 　　5. 支持 focusin, focusout 的浏览器有: IE5.5+, Safari 5.1+, Ope...
JavaScript常用事件整理
qq_40014350的博客
08-12 357
JS中的事件：onXXX 表示：当。。。时候 用法：<标签名 onXXX="调用函数"> 当事件触发时，调用函数； 1、鼠标经过事件： onmouseover 2、鼠标移出事件 onmouseout 3、鼠标移动事件 onmousemove 4、鼠标抬起事件 onmouseup 5、鼠标按下 onmousedown 6、键盘抬起 onkeyup 7、键盘按下 onkeydown 8、鼠标...
JavaScript中常用事件1
AUPRO的博客
10-25 670
1.JavaScript中常用的鼠标事件有： 单击事件：onclick 双击事件：ondblclick 鼠标悬浮：onmouseover 鼠标离开：onmouseout 鼠标按下：onmousedown 鼠标抬起：onmouseup 鼠标移动：onmousemove 2.JavaScript中常用的键盘事件有： 按键被按下：onkeydow
js常用事件列表
weixin_33841722的博客
09-06 494
onmousedown、onmouseup 以及 onclick 事件 onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件。 转载于:https://www.cnblogs.c...
JS中常用的事件
Sunqi01的博客
04-27 211
1.JS中常用的事件 1).单击事件 click -----在标签中绑定的属性 onclick="函数（）" 2).双击事件 dbclick ----在标签中绑定的属性ondbclick="函数（）" 3.获取焦点 focus -----在标签中绑定的属性 onfocus="函数（）"文本输入框和密码输入框使用 4.失去焦点 blur ------在标签中绑定的属性 onblur="函数（）"文本输入框/密码输入框使用 5.选项卡发生变化的事件change --在...
JS常用事件大全
2302_79245293的博客
12-24 758
事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行。注意：事件名称大小写敏感。若是方式，则在事件名的前面取消on。
JavaScript的常用事件
欢迎来到我的博客
07-01 273
onabort 对象载入被中断时触发 onblur 元素或窗口本身失去焦点时触发 onchange 改变&lt; select&gt;元素中的选项或其他表单元素失去焦点，并且在其获取焦点后内容发生过改变时触发 onclick 单击鼠标左键时触发。当光标的焦点在按钮上，并按下回车键时，也会触发该事件 ondblclick 双击鼠标左键时触发 onerror 出现错误时触发 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值