js的事件介绍

简介: js的事件介绍

JS的事件介绍

JS(JavaScript)是基于对象(Object-based)、事件驱动的脚本语言。

JS事件,就是用户或浏览器本身的某种行为,一般是用户对页面的一些动作引起的,例如,单击某个链接或按钮、在文本框中输入文本、按下键盘上的某个按键、移动鼠标等等。当事件发生时,您可以使用 JavaScript 中的事件处理程序(也可称为事件监听器)来检测并执行某些特定的程序。JS(JavaScript)与HTML 之间的交互是通过事件(event)实现的,或者说,事件是JavaScript和DOM之间进行交互的桥梁。

一般情况下事件的名称都是以单词on开头的,例如点击事件 onclick、页面加载事件 onload 等。

JavaScript常见的事件大体分类及常用事件:

1)鼠标事件

事件         说明

onclick     //鼠标单击事件
 
onmouseover   //鼠标移入事件
 
onmouseout    //鼠标移出事件
 
onmousedown     //鼠标按下事件
 
onmouseup     //鼠标松开事件
 
onmousemove       //鼠标移动事件

2)键盘事件

onkeydown       //键盘按下
 
onkeyup         //键盘松开

3)表单事件

onfocus         //获取焦点时触发
 
onblur          //失去焦点时触发
 
onselect        //选中“单行文本框”或“多行文本框”中的内容时
 
onselectstart   //开始一个新的选择时
 
onchange        //具有多个选项的表单元素选择某一项时触发

4)编辑事件

oncopy          复制(拷贝)时触发
 
onselect        页面内容被选取时触发
 
oncontextmenu   按下鼠标右键时触发

5)页面事件

onload           文档加载完成后触发
 
onbeforeunload    离开页面之前触发

JS的事件的处理及结果同浏览器的环境都有很大的关系,浏览器的版本越新,支持事件就越多,支持的也越完善。【HTML DOM 事件https://www.w3schools.cn/jsref/dom_obj_event.html

事件调用通常是通过操作HTML属性的方式来实现的,可称为“事件处理器”(event handler)方式,又分为两种:在script标签中调用事件和在元素中调用事件。还有另外一种添加事件的方式,可称为“事件监听器”(event listener)方式,使用addEventListener() 和 removeEventListener()方法。

目录
相关文章
|
3月前
|
Web App开发 JavaScript 前端开发
javascript onkeydown事件
javascript onkeydown事件
|
5月前
|
JavaScript 前端开发
js事件队列
js事件队列
148 55
|
3月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
47 3
|
4月前
|
JavaScript 前端开发
JavaScript 事件
JavaScript 事件
43 2
|
5月前
|
JavaScript 前端开发
JavaScript 事件的绑定
JavaScript 事件的绑定
53 0
|
2月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
61 5
|
3月前
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
63 6
|
4月前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
30 5
|
4月前
|
监控 JavaScript 前端开发
|
3月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
192 0