js实例教程:JavaScript Events 事件使用方法

js实例教程:JavaScript Events 方法

事件的行动,可以检测到了JavaScript 。

活动
通过使用JavaScript ,我们有能力创建动态网页。事件的行动,可以检测到了JavaScript 。

每个要素在网页上有一定的事件可以触发JavaScript函数。例如,我们可以使用onClick事件的一个按钮的内容表明,一个函数将运行当使用者按下按钮。我们确定了事件中的HTML标记。

事件的例子:

点击鼠标
一个网页或图片加载
鼠标过热点网页上
选择一个输入框在一个HTML表单
提交HTML表单
击键
注:活动通常结合使用的功能,与功能不会被处决前的事件发生!

对于一个完整的参考的事件承认了JavaScript ,去完成我们的活动范围。

调用和onUnload
该调用和onUnload事件触发当用户进入或离开该网页。

在onload事件往往是用来检查访客的浏览器类型和版本的浏览器,并载入适当的版本的网页信息的基础上。

无论是调用和onUnload事件也经常被用来处理Cookie的,应当设置当用户进入或离开网页。例如,您可以有一个弹出要求用户的名称在他的第一个到达您的网页。的名称,然后储存在一个cookie 。接下来的时间访问者到达您的网页上,您可以有另一个弹出这样说: “欢迎John Doe的! ” 。

-------------------------------------------------- ------------------------------

onFocus , onBlur和onChange
该onFocus , onBlur和onChange事件往往是结合使用的形式验证领域。

下面是一个例子,如何使用onChange事件。该checkEmail ( )函数将被称为每当用户更改的内容领域:

<input type="text" size="30"
id="email" onchange="checkEmail()">
onSubmit 该onSubmit事件是用来验证所有的表单栏位,然后提交。 下面是一个例子,如何使用onSubmit事件。该checkForm ( )函数将被要求当用户点击提交按钮的形式。如果字段值不接受,提出应该取消。功能checkForm ( )返回TRUE或FALSE 。如果返回true的形式将提交,否则提交将被取消:<form method="post" action="xxx.htm"
onsubmit="return checkForm()">onMouseOver and onMouseOutonMouseOver和onMouseOut常常被用来制造“动画”按钮。 下面是一个示例onMouseOver事件。一个警告框出现时, onMouseOver事件是发现:<a href="http://www.w3schools.com"
onmouseover="alert('An onMouseOver event');return false">
<img src="w3schools.gif" width="100" height="30">
</a>

时间: 2024-08-19 11:56:17

js实例教程:JavaScript Events 事件使用方法的相关文章

JS教程:JavaScript Date 对象使用方法

JS教程:JavaScript Date 对象使用方法 先来看个例子吧,返回当前日期与时间. <html> <body> <script type="text/javascript"> document.write(Date()); </script> </body> </html> 实例二.gettime() <html> <body> <script type="text

js入门教程:JavaScript Try Catch 错误捕捉实例教程

js入门教程:JavaScript Try...Catch 错误捕捉实例教程 其中的try ... catch声明允许你测试一个代码块的错误. 范例 其中的try ... catch声明 如何撰写一个try ... catch声明. <script type="text/javascript"> var txt=""; function message() { try   {   adddlert("Welcome guest!");

Svg.js实例教程及使用手册详解(一)_javascript技巧

什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万维网联盟的标准 SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体 简介: SVG.js是一个轻量级的JavaScript库,允许你轻松操作SVG和定义动画. SVG(Scalable Vector Graphics,可缩放矢量图形)是基

js入门教程:JavaScript String对象

JavaScript String对象 我们先来看一个返回字符的长度实例. <html> <body> <script type="text/javascript"> var txt="Hello World!"; document.write(txt.length); </script> </body> </html> 结果为12 再来看一个实例. 该indexOf ( )方法 如何使用ind

Javascript实例教程:点击传参方法和鼠标事件方法

文章简介:从这张开始就和大家说一些实用的效果的写法.当然首当其冲的就是我们可爱的TAB选项卡,用JQ写选项卡当然是很方便的而且方法也很多.其实用原生的JS写选项卡方法也很多. 从这张开始就和大家说一些实用的效果的写法.当然首当其冲的就是我们可爱的TAB选项卡,用JQ写选项卡当然是很方便的而且方法也很多.其实用原生的JS写选项卡方法也很多.下面我就写几个给大家看看一,点击传参方法<script>function tab(dom){var list = document.getElementByI

JS实例教程:当心JavaScript代码陷阱

下面这段代码,你知道有哪些错误吗: var g_bar = "bar"; function foo(container, config) { var container = container document, name = config.name "无名氏", isLive = config.isLive true; var g_bar = g_bar ""; if(g_foo) { /* your code */ } } foo(docum

Javascript实例教程:共享onload事件

文章简介:不管你打算在页面加载完毕时执行多少个函数,他都可以应付自如.这个方案需要额外编写一些代码,但好处是一旦有了那些代码,把函数绑定到window.onload事件就非常易行了. 假设两个函数:firstFunction和secondFunction.如果想让这两个函数都在页面加载时得到执行,该怎么办?如果把它们逐渐绑定到onload事件上,它们当中将只有最后那个才会被实际执行: window.onload = firstFunction; window.onload = secondFun

JS实例教程:制作图片放大特效

效果: 运行代码框<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="

js入门教程[Javascript学习第一季]

Javascript学习第一季(2) 上篇文章讲了js中的一些概念(词法结构) 和 数据类型(部分). 这章我们 继续.然后了解下js中操作数据 和 函数的 作用域.  1,对象跟基本类型之间的转换: 不管何时,只是对象非空,在布尔环境中都为true. 如; new Boolean(false);  new Number(0); new String(""); new Array(); 上面虽然内部值是false,但对象的值是true; Object à valueOf() à toS