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月前
|
Web App开发 JavaScript 前端开发
javascript onkeydown事件
javascript onkeydown事件
|
3月前
|
JavaScript 前端开发
js事件队列
js事件队列
141 55
|
1月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
33 2
|
2月前
|
JavaScript 前端开发
JavaScript 事件
JavaScript 事件
34 2
|
3月前
|
JavaScript 前端开发
javascript中常用的事件
这篇文章列出并演示了JavaScript中常用的DOM事件,包括失去焦点、获得焦点、鼠标点击、键盘事件等,并展示了如何通过直接在HTML标签中使用事件句柄和通过JavaScript为元素添加事件监听器两种方式来注册事件。
|
3月前
|
JavaScript 前端开发
JavaScript 事件的绑定
JavaScript 事件的绑定
39 0
|
29天前
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
44 6
|
2月前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
22 5
|
2月前
|
监控 JavaScript 前端开发
|
1月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
93 0