js常用事件

最新推荐文章于 2023-12-28 16:28:26 发布

左森

最新推荐文章于 2023-12-28 16:28:26 发布

阅读量130

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js事件

本文链接：https://blog.youkuaiyun.com/qq719756146/article/details/84617061

js 专栏收录该内容

21 篇文章

订阅专栏

本文详细介绍了常见的鼠标和键盘事件，包括click(点击)、focus(获取焦点)、blur(失去焦点)、dblclick(双击)、mousemove(鼠标移动)、mouseover(鼠标移入)和mouseout(鼠标移出)等事件的触发条件和应用场景。

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

                    
                    click — 点击事件
focus— 获取焦点事件
blur — 失去焦点事件
dblclick — 双击事件
mousemove — 鼠标移动事件
mouseover — 鼠标移到元素上
mouseout — 鼠标移开

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

左森

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JavaScript中常用的事件及处理

2401_87197766的博客

11-05

1586

与change事件不同，input事件在元素的值发生变化后立即发生，而change事件在元素失去焦点时才发生‌。这些事件包括keydown、和keyup和keypress，它们分别在用户按下、释放键盘按键时触发，用于执行特定的操作或功能。某个键时触发，过去用于捕获字符键，但现代浏览器中已不推荐使用，因为它不区分大小写和修饰键‌（不包括功能键如Ctrl、Shift等）。某个键时触发，如果按住不放会重复触发。与input事件不同，change事件只在元素失去焦点时触发一次，即使值在失去焦点前发生了多次变化‌。

JavaScript常用事件

08-16

JavaScript事件是编程中的一种机制，它允许我们对用户在网页上的交互进行响应。...同时，JavaScript库和框架如jQuery、React或Vue.js也提供了更高层次的事件处理抽象，使得事件处理更加便捷和高效。

参与评论您还未登录，请先登录后发表或查看评论

javaScript常用事件

09-19

常用javaScript事件归纳。常用事件： 1.onclick 鼠标单击事件通常在下列基本对象中产生： button（按钮对象） checkbox（复选框）或（检查列表框） radio （单选钮） reset buttons（重要按钮） submit buttons（提交按钮）例如可通过下列按钮激活change()文件： 2.onLoad页面加载事件：当页面加载时，自动调用函数（方法）。注意：此方法只能写在标签之中！ 3.onScroll窗口滚动事件：当页面滚动时调用函数。注意：此事件写在方法的外面，且函数名（方法名）后不加括号！例：window.onscroll=move; 4.onBlur失去焦点事件：当光标离开文本框是触发调用函数。当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时，引发该文件，他与onFocas事件是一个对应的关系。 5.onFocus事件：光标进入文本框时触发调用函数。当用户单击Text或textarea以及select对象时，产生该事件。 6.onChange事件：文本框的value值发生改变时调用函数。当利用text或textarea元素输入字符值改变时发该事件，同时当在select表格项中一个选项状态改变后也会引发该事件。例： 7.onSubmit事件：属于表单元素，写在表单标签内。语法：onSubmit=”return 函数名()” 8.onKeyDown事件：在输入框中按下键盘上的任何一个键时，都会触发事件，调用函数。注意：此事件写在方法的外面，且函数名（方法名）后不加括号！例：document.onkeydown=函数名（）。 9.setTimeout(“函数名()”,间隔时间（以毫秒为单位）)； 10.clearTimeout(对象) 清除已设置的setTimeout对象鼠标相关事件： 1.onMouseOver：鼠标移动到某对象范围的上方时，触发事件调用函数。注意：在同一个区域之内，无论怎样移动斗志触发一次函数。 2.onMouseOut:鼠标离开某对象范围时，触发事件调用函数。 3.onMouseMove: 鼠标移动到某对象范围的上方时，触发事件调用函数。注意：在同一个区域之内，只要一动一次就出发一次事件调用一次函数。 4.onmouseup 当鼠标松开 5.onmousedown 当鼠标按下键 document对象常用的方法： 1.document.getElementById():通过id获得唯一的一个HTML元素，没有id时，通过name查找 2.document.getElementByName()：获取相同名称的一组元素。主要用于表单中的复选框 Date对象常用方法： Var a=new Date(); //创建a为一个新的时期对象 y=a.getYear(); //y的值为从对象a中获取年份值两位数年份 y1=a.getFullYear(); //获取全年份数四位数年份 m=a.getMonth(); //获取月份值(0-11) d=a.getDate(); //获取日期值 d1=a.getDay(); //获取当前星期值 h=a.getHours(); //获取当前小时数 m1=a.getMinutes(); //获取当前分钟数 s=a.getSeconds(); //获取当前秒钟数

js 常见事件

weixin_30709809的博客

05-07

159

a.窗口事件,只在body和frameset元素中才有效onload 页面或图片加载完成时onunload 用户离开页面时 b.表单元素事件,在表单元素中才有效onchange 框内容改变时onsubmit 点击提交按钮时onreset 重新点击鼠标按键时onselect 文本被选择时onblur 元素失去焦点时onfocus ...

js常用事件列表

weixin_33841722的博客

09-06

496

onmousedown、onmouseup 以及 onclick 事件 onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件。转载于:https://www.cnblogs.c...

JS的常用事件及注册方式

weixin_41988224的博客

04-13

929

常用事件 blur失去焦点 focus获得焦点 click鼠标单击 dblclick鼠标双击 keydown键盘按下 keyup键盘弹起 mousedown鼠标按下 mouseover鼠标经过 mousemove鼠标移动 mouseout鼠标离开 mouseup鼠标弹起 reset表单重置 submit表单提交 change下拉列表选中项改变，或文本框内容改变 select文本被选择 load页面...

js中常用事件

weixin_44197906的博客

06-14

325

鼠标事件 /* onclick：点击某个对象时触发 ondblclick：双击某个对象时触发 onmouseover：鼠标移入某个元素时触发 onmouseout：鼠标移出某个元素时触发 onmouseenter：鼠标进入某个元素时触发 onmouseleave：鼠标离开某个元素时触发 onmousedown：鼠标按下时触发 onmouseup：鼠标抬起时触发 onmousemove：鼠标被移动时触发 onwheel：鼠标滚轮滚动时触发 oncontextmenu：点击鼠标右键时触发 */ 键

JavaScript常用事件介绍

10-17

在编程和网页设计领域，JavaScript是一种轻量级的编程语言，它被广泛应用于网页交互效果的开发中。事件是JavaScript中非常核心...希望本文的内容能够帮助你掌握JavaScript常用事件的使用方法，并在实际开发中灵活运用。

JavaScript 事件处理常用事件（鼠标事件、键盘事件、表单事件）示例代码

最新发布

06-27

JavaScript 事件处理常用事件（鼠标事件、键盘事件、表单事件）示例代码JavaScript 事件处理常用事件（鼠标事件、键盘事件、表单事件）示例代码JavaScript 事件处理常用事件（鼠标事件、键盘事件、表单事件）示例...

JS常用事件

weixin_69797860的博客

02-14

225

JS常用事件

JS常用的事件

syl2850246的博客

09-21

239

JS中常用事件: onclick. 单击 onsubmit 表单提交 onblur. , 焦点失去事件 onload, 标签加载完毕事件 onchange下拉列表框更改下拉项

js的常用事件

qiu7qiu7的博客

05-06

498

1. onblur 元素失去焦点 onfocus 元素获得焦点举例：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="

JS的常用事件

weixin_44061767的博客

08-09

391

鼠标点击时间 <a href="<%=basePath %>userConfirmShouhuo?orderCode=${order.orderCode}" onclick="aa()">确认收货</a> <script type="text/javascript"> function aa(){ alert("确定收货吗！"); } ...

JS中常用的事件

Sunqi01的博客

04-27

213

1.JS中常用的事件 1).单击事件 click -----在标签中绑定的属性 onclick="函数（）" 2).双击事件 dbclick ----在标签中绑定的属性ondbclick="函数（）" 3.获取焦点 focus -----在标签中绑定的属性 onfocus="函数（）"文本输入框和密码输入框使用 4.失去焦点 blur ------在标签中绑定的属性 onblur="函数（）"文本输入框/密码输入框使用 5.选项卡发生变化的事件change --在...

JS常用事件大全

2302_79245293的博客

12-24

760

事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行。注意：事件名称大小写敏感。若是方式，则在事件名的前面取消on。

JavaScript 常用事件大全

mzdxxcdh的博客

12-28

3843

事件是发生在你正在编程的系统中的事情——当事件发生时，系统产生（或“触发”）某种信号，并提供一种机制，当事件发生时，可以自动采取某种行动（即运行一些代码）。事件是在浏览器窗口内触发的，并倾向于附加到驻留在其中的特定项目。这可能是一个单一的元素，一组元素，当前标签中加载的 HTML 文档，或整个浏览器窗口。有许多不同类型的事件可以发生。

js基础，js常用的事件

Syntacticsugar's blog

09-20

237

js 的三种书写的位置； ①内部书写； ②外链式； ③内行式；[必须使用事件触发才能调用JS语句]；  <script type="text/javascript"> alert("使用内链式"); </script> <script src="out.js"></sc

[Javascript]：JS的常用事件总结

我只是个程序员。

09-23

468

下面收集了网上一些已经分好类的常用事件，方便自己查找相关事件知识。如有需要，请自取。 Window事件针对 window 对象触发的事件，也就是常说的页面事件，属于浏览器事件类型（应用到标签）：事件触发该事件的条件 onload 页面内容加载完成时触发此事件 onunload 文档卸载，即当前

JavaScript常用事件一览

fanxiaobin

06-02

1109

鼠标键盘及页面相关事件表单及滚动字幕事件编辑事件数据绑定事件外部事件

JavaScript常用事件总结：初学者指南

以下是JavaScript中常用事件的详细解析，为初学者提供了一个系统的知识点概览。 1. 鼠标事件（Mouse Events） - click：用户点击鼠标左键时触发。 - dbclick：用户双击鼠标左键时触发。 - mousedown：用户按下...