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