JavaScript中的Event(事件)详解

电玩女神 2023-10-10 17:57 141阅读 0赞

Event 对象

Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
事件通常与函数结合使用,函数不会在事件发生前被执行!

事件句柄 (Event Handlers)

HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为,比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一些常用属性,可将之插入 HTML 标签以定义事件的行为。

1、单击事件

25912a34819b0e6ec136e61bbf78adb4.png

2、双击事件

3、鼠标事件

onmouseover:鼠标放上事件
onmouseout:鼠标离开事件
onmousemove:鼠标移动事件

777f73e70767ea0bd6bdac7bd6022233.png

4、键盘事件

onkeydown:键盘按下事件
onkeyup:键盘弹起事件

5fe47e664ecef37f02c57dbe4a455b64.png

5、焦点事件

onfocus:获得焦点事件
onblur:失去焦点事件
onchange:失去焦点时内容改变事件

1b03d0add827b86de4353763c96d7f2d.png

6、页面加载事件

onload:页面加载完成时实现的页面。

0d62c5eb625ac73037c2bdf40b0bf483.png

注:调用多个函数时,只需要用分号隔开即可。如下图:同时触发两种事件

9dca9385d8985524242a40f92b14c8d4.png

相关事件所对应的函数代码:

50858526affcfb7e64d0adb0323b3821.png

附:事件名称表

2ff5604c47182fe66729d0818e6a4307.png

发表评论

表情:
评论列表 (有 0 条评论,141人围观)

还没有评论,来说两句吧...

相关阅读