js 双击事件_JavaScript事件详解（上）

本章介绍web前端开发JavaScript事件讲解上篇，小伙伴可以根据自己学习风格学习观看文章版或者视频版，以下是视频版可以点击观看

https://www.bjsxt.com/down/9225.html​www.bjsxt.com

事件实例视频教程-尚学堂 事件实例视频教程-尚学堂​www.bjsxt.com

一、关于事件

1.1 什么是事件

事件就是在文档中或者在浏览器窗口中通过某些动作触发。比如，单击，鼠标经过，键盘按下等。事件通常和函数结合使用。

事件的作用：

(1)各个元素之间可以借助事件来进行交互

(2)用户和页面之间也可以通过事件来交互

(3)后端和页面之间也可以通过事件来交互（减缓服务器的压力）

Onsubmit(提交事件和表单一起使用)

1.2 事件分类

1、鼠标事件
onclick、ondblclick、onmouseover、onmouseout、onmousedown、onmouseup、onmousemove
2、HTML事件
onload、onscoll、onsubmit、onchange、onfoucs(获取焦点)，onblur(失去焦点)
3、键盘事件
onkeydown: 键盘按下时触发
onkeypress:键盘按下并松开的瞬间触发
onkeyup: 键盘抬起时触发

二、事件的使用（重点）

2.1 HTML事件

绑定操作发生在HTML代码中的事件，称为HTML事件。

语法：on+事件=‘函数();函数();函数();……‘

HTML事件的移除方式：

元素.setAttribute('on+事件名'，null);

HTML事件缺陷：耦合性太强了，修改一处另一处也要修改。

当函数没有加载成功时，用户去触发事件，则会报错。

2.2 DOM0级事件

DOM0事件调用函数的几种方式：

1. 节点.事件=function(){}
2. 节点.事件=函数名

3.<input type=”button” οnclick=”函数名”>