事件
javascrip是基于对象语言,而基于对象的基本特征就是采用事件驱动.通常鼠标或键盘的动作称之为事件,而由鼠标或键盘的动作引发的一连串程序动作,称之为事件驱动.对事件进行处理的程序或函数称为事件处理程序.
事件处理程序的基本语法:
function 事件处理名(参数表) {
事件处理语句集
…………….
}
在调用事件处理程序时的基本语法:
事件驱动=处理程序
说明:在等号后,可以使用自己编写的函数作为事件处理程序,也可以使用javascript内部的函数,还可以直接使用javascript的代码等.
1.单击事件___onclick
用户单击鼠标按键时产生的事件.同时onclick指定的事件处理程序或代码将被调用执行.
如:<input type=”button” value=”打开页面” onlick=”window.open(’xxxx.html’,'newwindow’,'width=456,height=230,toolbar=no,menubar=no,scrollbars=yes’);”>
2.改变事件___onchange
当text或textarea元素内的字符值改变或select表格选项状态改变里发生该事件.
如;<textarea name=”liuyan” rows=5 cols=70 value=” ” onchange=alert(”您在文本框中添加了新的内容”)>
3.选中事件____onselect
当text或textarea对象中的文字被选中里会引发该事件
如:<ipnut type=”text” value=”默认信息” onselect=alert(”您选中了文本框中的文字”)>
4.获得焦点事件____onfocus
用户单击text或textarea以及select对象时,即光标落在文本框或选择框时会产生该事件.
如:<select name=”zhengjian” onfocus=”alert(”我成为焦点”)>
5.失去焦点事件______onblur
失去焦点事件正好与获得焦点事件相对,当text对象,textarea对象或select对象不再拥有焦点而退出后台时,引发该事件.
6.载入文件事件____onload
当页面文件载入时,产生该事件.onload的一个作用就是在首次载入一个页面文件时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用,本事件是window的事件,但是在HTML中指定事件处理程序时,一般把它写在<body>标记中.
如:<body onload=alert(”正在加载页面,请等待…”)>
7.卸载文件事件____onunload
与载入文件事件onload正好相反,当web页面退出时引发的事件,并可更新cookie的状态
如:<body onunload=”confirm(”你确定要离开本页?”)>
8.鼠标覆盖事件 _____onmouseover
onmouseover是当鼠标位于元素上方时所引发的事件
如:<input type=”boutton” value=”按钮” onmouseover=”window.status=’请您注意下面的状态栏’; return true”>
9.鼠标离开事件_____onmouseout
onmouseout是鼠标离开元素里引发的事件.如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果.
10.一般事件
ondbclick 鼠标双击事件
鼠标上的按键被按下时激活的事件
鼠标按下后,松开鼠标时触发的事件
鼠标移动里触发的事件.
onkeypress 当键盘上的某个键被按下并且释放时触发的事件,要求页面内必须有激活对象
onkeydown 当键盘上某个键被按下时触发的事件,要求页面内必须有激活对象
onkeyup 当键盘上某个按键被放开时触发的事件,要求页面内必须有激活对象
11.页面相关事件
onabort 图片在下载时被用户中断
onbeforeunload 当前页面的内容将要被改变时触发的事件
onerror 捕捉当前页面因为某种原因而出现的错误,如脚本错误.
onmove 浏览器的窗口被移动里触发的事件
onresize 当浏览器的大小被改变时触发的事件
onscroll 浏览器的滚动条位置发生变化时触发的事件
onstop 浏览器的”停止”按钮被按下或者正在下载的文件被中断时触发的事件.
12. 表单相关事件
onreset 当表单中reset属性被激活时触发的事件.
onsubmit 一个表单被递交时触发的事件.
13.滚动字幕事件
onbounce 当marquee内的内容移动至marquee显示范围之外时触发的事件.
onfinish 当marquee元素完成需要显示的内容后触发的事件.
onstart 当marquee元素开始显示内容时触发的事件.
14.编辑事件.
onbeforecopy 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件.
onbeforeupdate 当浏览者粘贴系统剪贴板中的内容时通知目标对象
oncontextmenu 当按下鼠标右键出现菜单或通过键盘的按键触发页面菜单时触发的事件.
<body oncontentmenu=”return false”>禁止使用鼠标右键
oncopy 当页面当前被选择内容被复制后触发的事件
oncut 当页面当前被选择内容被剪切时触发的事件
onpaste 当内容被粘贴时触发的事件
ondrag 当某个对象被拖动时触发的事件
ondragend 当鼠标拖动结束时触发的事件,即鼠标的按键被释放时触发的事件.
15.数据绑定
onafterupdate 当数据完成由数据源到对象的传送时触发的事件
oncellchange 当数据来源发生变化时触发的事件
ondataavailable 当数据接收完成时触发的事件
ondatasetchanged 数据在数据源发生变化时触发的事件.
ondatasetcomplete 当数据源的全部有效数据读取完毕时触发的事件.
onerrorupdate 当使用onbeforeupdate事件触发取消了数据传送时,代替onafterupdate事件.
onrowenter 当前数据源的数据发生变化并且有新的有效数据时触发的事件.
onrowexit 当前数据源的数据将要发生变化时触发的事件
onrowsdelete 当前数据记录将被删除时触发的事件
onrowsinserted 当前数据源将要插入新数据记录时触发的事件
16.外部事件
onafterprint 当文档被打印后触发的事件
onbeforeprint 当文档即将打印时触发的事件
onhelp 当浏览者按下F1键或者单击浏览器中的”帮助”按钮时触发的事件
分享到：
相关推荐
事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例...
JavaScript 事件机制详细研究 JavaScript 事件机制是指浏览器中发生的各种事件，例如点击、鼠标悬停、键盘输入等，JavaScript 通过捕捉这些事件来执行相应的操作。本文将详细介绍 JavaScript 事件机制的实现方式和...
JavaScript 事件处理 常用事件（鼠标事件、键盘事件、表单事件）示例代码JavaScript 事件处理 常用事件（鼠标事件、键盘事件、表单事件）示例代码JavaScript 事件处理 常用事件（鼠标事件、键盘事件、表单事件）示例...
实验报告详细介绍了JavaScript事件处理的相关知识，这在Web开发中是非常关键的一部分，因为事件是用户与网页交互的主要方式。以下是对各个知识点的详细说明： 1. **JavaScript事件基本概念**： - **事件**：是用户...
JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 ...
JavaScript事件详解 JavaScript是一种基于浏览器的脚本语言，它的事件机制是实现动态交互的重要部分。在JavaScript中，事件是用户或浏览器对网页进行操作时触发的特定动作，比如点击按钮、鼠标移动等。本文将详细...
JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 下拉列表和可选项 示例代码JavaScript 事件处理 ...
例如：<html> <head> <title> Example: 窗口的 load 和 unload 事件 </title> <script language="JavaScript"> function lh() { alert(" 窗口执行了 load 事件 "); } function ulh() { alert(" 窗口执行了 unload ...
第6章 JavaScript中的事件与事件处理
实现JavaScript 动态加载事件
JavaScript事件查询是Web开发中的重要概念，它涉及到用户与网页交互时的各种响应处理。这篇文档“javascript事件查询综合”很可能是对JavaScript事件处理机制的详细阐述。在Web开发中，JavaScript事件模型允许开发者...
Javascript_事件处理，讲解了JAVASCRIPT事件开发中注意的事项，步骤，有条理的讲解
JavaScript事件是Web开发中不可或缺的一部分，它允许我们与用户进行交互，响应用户的操作，并以此来更新页面内容。本文将深入探讨JavaScript事件的各个方面，帮助开发者更好地理解和应用这些关键概念。 一、事件...
JavaScript事件是网页交互的核心，它定义了当特定动作发生时，浏览器如何响应。这些动作可以是用户的操作，如点击、滚动、键盘输入，或者是页面加载、数据改变等。JavaScript事件的处理方式有多种，包括事件处理属性...
JAVASCRIPT事件与动态页面编程 本文概述了JAVASCRIPT事件、事件监视器和事件处理器，并通过一个示例程序详细介绍了如何使用JAVASCRIPT事件处理器进行动态页面编程。 JAVASCRIPT事件是指人机交互的结果，如鼠标移动...
"WEB页编程技巧──JavaScript事件的应用.pdf" 本文档主要介绍了JavaScript事件在WEB页编程中的应用，包括JavaScript事件的概念、分类、事件处理器的使用、事件驱动编程等方面的知识点。 一、JavaScript事件概述 ...
JavaScript 事件处理 示例代码 包含表格表单创建、样式设置、事件绑定（表格、表单、复选框）、事件处理 JavaScript 事件处理 示例代码 包含表格表单创建、样式设置、事件绑定（表格、表单、复选框）、事件处理...
接下来，为了使WebView能够执行JavaScript代码并处理JavaScript事件，我们需要启用JavaScript支持。我们可以调用`WebSettings`类的`setJavaScriptEnabled()`方法： ```java WebSettings settings = webView....
JavaScript事件是JavaScript编程中至关重要的一个概念，它用于响应用户或浏览器的行为，如点击、滚动、键盘输入等。本文将详细解析JavaScript事件的几个关键点：异步回调、事件对象、`this`关键字以及事件冒泡的管理...