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()方法。

目录
相关文章
|
1月前
|
JavaScript 前端开发
js开发:请解释事件冒泡和事件捕获。
JavaScript中的事件处理有冒泡和捕获两种方式。事件冒泡是从子元素向上级元素传递,而事件捕获则从外层元素向内层传递。`addEventListener`的第三个参数可设定事件模式,`false`或不设为冒泡,`true`为捕获。示例代码展示了如何设置。
29 2
|
2天前
|
前端开发 JavaScript 数据处理
在JavaScript中,异步函数是指那些不会立即执行完毕,而是会在未来的某个时间点(比如某个操作完成后,或者某个事件触发后)才完成其执行的函数
【6月更文挑战第15天】JavaScript中的异步函数用于处理非同步任务,如网络请求或定时操作。它们使用回调、Promise或async/await。
14 7
|
2天前
|
JavaScript 前端开发
JS的监听事件
JS的监听事件
|
2天前
|
JavaScript 前端开发
JavaScript事件
JavaScript事件
|
1月前
|
消息中间件 存储 设计模式
JavaScript发布订阅模式:实现事件驱动编程!
JavaScript发布订阅模式:实现事件驱动编程!
|
1月前
|
设计模式 存储 消息中间件
JavaScript观察者模式:实现对象间的事件通信!
JavaScript观察者模式:实现对象间的事件通信!
|
1月前
|
JavaScript 前端开发 开发者
javascript事件大全
javascript事件大全
18 1
|
1月前
|
JavaScript 前端开发
Javascript的一些监听事件
Javascript的一些监听事件
23 2
|
1月前
|
JavaScript 前端开发
js的事件
js的事件
27 1
|
1月前
|
JavaScript 前端开发
js的交互事件
js的交互事件
27 1