事件

用户和web页面交互产生的动作，包括：鼠标触发、键盘触发、页面触发、表单触发。

鼠标触发

onclick 单击鼠标触发 onblclick 双击鼠标触发 onmousedown 按下鼠标触发 onmouseup 按下后松开鼠标触发 onmouseover 鼠标移动到某对象范围上方触发 onmousemove 移动鼠标触发 onmouseout 鼠标离开某对象范围触发

键盘触发

onkeypress 某个键被按下且释放时触发 onkeydown 某个键被按下时触发 onkeyup 某个键按下后松开时触发

页面触发

onabort 图形未加载完，用户点击了超链接或“停止”时触发 onerror 加载文件或图像错误时触发 onload 页面加载晚时触发 onresize 窗口大小被改变时触发 onunload 页面关闭或退出时触发

表单触发

onblur 对象失去焦点时触发 onchange 对象失去焦点，元素内容发生改变时触发 onfoucus 对象获得焦点时触发 onreset 表单的reset属性被激活时触发 onsubmit 表单被提交时触发

事件驱动

当事件被触发后，执行事件处理程序，执行处理事件的程序或函数。

事件处理程序调用方法

作为HTML标记的属性

把事件驱动程序，作为HTML标记中事件属性的属性值传入

<!--嵌入body标记，onload事件：页面加载完成触发-->
<body onload="alert('页面加载完成')">

作为对象的属性值

事件作为对象的属性，事件驱动程序作为该属性的属性值

<!--document对象的onLoad属性-->
<!--事件onLoad作为对象的属性-->
<script>document.onLoad=alert("对象被加载");
</script>

【JS】JavaScript的事件驱动和处理相关推荐

js - JavaScript
文章目录前言第一章 JavaScript简介 JavaScript的起源静态网页和动态网页动态网页网页是如何和后端交互的呢? JS概述什么是JS 名词解释特点和优势入门案例 HTML中 ...
Node.js毕业设计——基于Node.js+JavaScript+MongoDB的供求信息网站设计与实现（毕业论文+程序源码）——供求信息网站
基于Node.js+JavaScript+MongoDB的供求信息网站设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于Node.js+JavaScript+MongoDB的供求信息网站设计 ...
阿提拉公司 java_Atitit 文件上传架构设计实现机制解决方案实践java php c#.net js javascript c++ python...
Atitit 文件上传架构设计实现机制解决方案实践 java php c#.net js javascript c++ python 1 . 上传的几点要求 2 1 .1. 本地预览 2 1 ...
atitit.js javascript 调用c# java php后台语言api html5交互的原理与总结p97
atitit.js javascript 调用c# java php后台语言api html5交互的原理与总结p97 1. 实现html5化界面的要解决的策略1 1.1. Js交互1 1.2. 动态参 ...
java swing调用H5_atitit.js javascript 调用c# java php后台语言api html5交互的原理与总结p97...
atitit.js javascript 调用c# java php后台语言api html5交互的原理与总结p97 1.实现html5化界面的要解决的策略 1.1.Js交互 Firefox与Chro ...
[js]JavaScript Number.toPrecision() 函数详解
[js]JavaScript Number.toPrecision() 函数详解 JavaScript: numberObject.toPrecision( [ precision ] ) 如果没有提 ...
Atitit. 数据约束校验原理理论与架构设计理念模式java php c#.net js javascript mysql oracle...
Atitit. 数据约束校验原理理论与架构设计理念模式java php c#.net js javascript mysql oracle 1. 主键1 2. uniq index2 3. ...
java 返回js,Javascript返回上一页
1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.for ...
Eclipse去除js(JavaScript)验证错误
这篇文章主要是对Eclipse去除js(JavaScript)验证错误进行了介绍.在Eclipse中,js文件常常会报错.可以通过如下几个步骤解决第一步: 去除eclipse的JS验证: 将wind ...
常用js(javascript)函数
常用js(javascript)函数 1.常规函数 javascript常规函数包括以下9个函数: (1)alert函数:显示一个警告对话框,包括一个OK按钮. (2)confirm函数:显示一个确认 ...

【JS】JavaScript的事件驱动和处理

事件