默默的小熊
- 浏览: 232842 次
-
文章分类
- 全部博客 (160)
- java语言基础 (67)
- jsp基础 (2)
- eclipse使用 (2)
- java源码解读 (6)
- 计算机基础 (3)
- eclipse插件 (0)
- 网络基础 (8)
- 算法 (2)
- linux (0)
- 英语 (0)
- C语言 (4)
- JavaScript (17)
- 数学 (0)
- struts2 (2)
- 自然哲学 (0)
- Servlet (1)
- HttpServer (2)
- ext (1)
- 个人 (1)
- dojo (27)
- spring (2)
- hibernate (4)
- css (3)
- 多线程 (0)
- chrome插件开发 (0)
- svn (0)
- thrift (2)
- phonegap (1)
- java线程 (1)
- 不是很熟悉的css属性 (0)
- 数据库性能调优 (0)
- 项目管理 (1)
- ios (0)
- 软件工程 (0)
- db2 (0)
- 词汇管理 (0)
- zhenyan (0)
- 计划 (0)
- android (0)
- ssss (0)
- 是的 (0)
- dsada (0)
- 泛点是 (0)
- fds (0)
- cxzc (0)
- 权限 (0)
- dfsfds (0)
- http://www.cnblogs.com/kingboy2008/p/5261771.html (0)
- sss (0)
- ddd (0)
- fdsfdsf (0)
- sso (0)
- nginx (0)
- 分布式数据一致性 (0)
- mysql (0)
- ios永久存储 (0)
- js匿名函数 (0)
- 打印机qqq (0)
最新评论
一般js语句都要放在<script>标签中，除了事件处理程序。来看一个简单的例子：
<!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="Content-Type" content="text/html; charset=gb2312" />
<title>TestEvent</title>
</head>
<body>
<a href="" onMouseOver="window.alert('test event');">Test Event</a>
</body>
</html>
这里特别要注意的是：对于上文中的“test event”使用的是单引号。
1. 自己定义事件处理函数
<!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="Content-Type" content="text/html; charset=gb2312" />
<title>TestEvent</title>
<script type="text/javascript" language="javascript">
function hello(){
var str = "hello";
window.alert(str);
}
</script>
</head>
<body>
<a href="" onMouseOver="hello();">Test Event</a>
</body>
</html>
2. event对象
在事件发生时，程序员可能需要更详尽地了解该事件。例如，如果是键盘事件，就需要知道按下的是哪个键。DOM中有一个提供这种信息的event信息。
要使用event对象，可以把它传递给事件处理函数。例如，下面这条语句将定义一个onKeyPress事件，可以把event对象传递给一个函数：
<body onKeyPress = "getkey(event);">
然后定义一个函数，把该事件接收为参数：
function getkey(e){
if(!e)
e = window.event; //兼容IE
...
}
3. 鼠标事件
<!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="Content-Type" content="text/html; charset=gb2312" />
<title>TestEvent</title>
</head>
<body>
<a href="http://www.baidu.com" onClick="return(window.confirm('are you sure?'));">Test Event</a>
</body>
</html>
上面的例子中，onClick事件处理程序会在链接的页面被加载到浏览器之前运行。如果，用户点击确认，那么返回值为true,页面跳转，否则，不跳转。
4. 键盘事件
分享到：
发表评论
-
js原型链
2015-01-22 17:18 0function A(){}; var a = new ... -
js中遇到的错误1
2012-04-15 22:45 715<!DOCTYPE html PUBLIC &qu ... -
Js创建对象（构造函数）
2011-12-07 10:42 883<!DOCTYPE html PUBLIC &qu ... -
Js创建对象（直接量）
2011-12-07 10:27 901<!DOCTYPE html PUBLIC &qu ... -
Js的语句块
2011-12-06 17:34 908在Js中通常没有语句块的概念。在很多语言中，语句块中定 ... -
Js变量初始化
2011-12-06 17:29 1243在定义了Js变量后，就可以引用该变量。对于定义后还没有 ... -
Js局部变量
2011-12-06 17:21 920<!DOCTYPE html PUBLIC &qu ... -
Js全局变量
2011-12-06 16:18 888<!DOCTYPE html PUBLIC &qu ... -
Js变量类型
2011-12-06 16:04 743<!DOCTYPE html PUBLIC " ... -
Js事件
2011-11-20 11:30 13341. Js中的事件句柄 在Js中，事件句柄 ... -
Event对象
2011-11-20 11:13 901传统的事件处理也称为DOM Level 0事件处理，因 ... -
利用FireFox调试Js
2011-11-20 10:12 0cx -
Js匿名函数
2011-11-20 10:02 1620函数就是一个对象 ... -
JS函数参数传递
2011-11-20 09:40 24730在使用Js函数参数传递时，和其他编程语言一样，要注意 ... -
Js数组
2011-11-20 00:06 0与Math和String类似，JavaScript数组 ... -
Js String对象
2011-11-19 23:29 01. String定义 String对象是最 ... -
JavaScript数字类型
2011-11-19 23:02 0JavaScript数字类型包括浮点数和整数两种。 ... -
js事件处理
2011-09-11 08:20 0可以不在HTML文档中指定事件处理处理程序，而选择使用 ... -
利用表单获取数据
2011-09-11 07:52 0hhj -
js获取表单数据
2011-09-10 21:34 0hh
相关推荐
JavaScript事件是浏览器或Node.js环境中发生的特定行为，如用户点击按钮、页面加载完成或输入框获得焦点等。事件驱动编程是JavaScript的核心特性之一，通过监听和处理这些事件，我们可以创建响应式的用户体验。 二...
在标题提到的"EventDispatcher, js事件派发器, javascript事件派发器"中，我们可以理解这是一个JavaScript实现的事件派发器，可能是作者的原创工作。用户可以通过GitHub上的问题跟踪系统（Issue）报告任何发现的错误...
JavaScript（简称JS）...总的来说，JavaScript事件集合是构建动态和交互式网页的核心工具。通过深入理解和熟练应用事件监听、事件处理、事件冒泡、事件捕获等概念，开发者能够创建出更加丰富、响应迅速的Web应用程序。
实验报告详细介绍了JavaScript事件处理的相关知识，这在Web开发中是非常关键的一部分，因为事件是用户与网页交互的主要方式。以下是对各个知识点的详细说明： 1. **JavaScript事件基本概念**： - **事件**：是用户...
JavaScript 事件机制详细研究 JavaScript 事件机制是指浏览器中发生的各种事件，例如点击、鼠标悬停、键盘输入等，JavaScript 通过捕捉这些事件来执行相应的操作。本文将详细介绍 JavaScript 事件机制的实现方式和...
JS事件触发大全是指在 JavaScript 中各种事件的触发机制，这些事件可以在不同的元素上触发，例如按钮、链接、文本框、图片等。这些事件可以被 JavaScript 代码捕捉和处理，以便执行特定的操作。 事件类型 1. 鼠标...
Js事件大全 1.一般事件... 2 2.页面相关事件... 2 3.表单相关事件... 3 4.滚动字幕事件... 3 5.编辑事件... 3 6.数据绑定... 4
全面，直观javascript的事件
在JavaScript中，监听浏览器窗口关闭事件对于实现特定的用户交互或数据保存功能至关重要。下面将详细介绍几种常用的浏览器关闭事件监听方法。 1. 方式一：适用于IE浏览器，仅在关闭时提示 ```javascript window....
如何给javascript js事件传递参数.zip
在这个"10-JS事件基础"的教程中，我们将深入理解JavaScript中的事件处理机制，包括事件对象、事件冒泡、DOM事件流以及鼠标和键盘事件。 首先，让我们了解一下什么是事件对象。在JavaScript中，每当发生一个事件（如...
JavaScript事件是Web开发中不可或缺的一部分，它允许用户与网页进行交互并响应用户的操作。...在阅读`event.js`这个文件和相关的博客文章后，你将能够深入理解JavaScript事件系统，并将其应用到自己的项目中。
JavaScript事件code对应表是JavaScript编程中非常重要的一个概念，它涉及到浏览器如何处理用户与网页的交互。在网页中，无论是点击按钮、滚动页面还是按下键盘上的键，都会触发各种事件。事件code就是用来识别这些...
通过自定义右键菜单，我们可以提升网页的用户体验，同时这也是一个很好的实践JavaScript事件处理和DOM操作的机会。记得在实际应用中考虑兼容性问题，确保你的代码能在不同的浏览器和设备上正常工作。
JavaScript事件学习小结(五）js中事件类型之鼠标事件 //www.jb51.net/article/86259.htm JavaScript事件学习小结（一）事件流 //www.jb51.net/article/86261.htm javaScript事件学习小结（四）event的公共成员...
jem.js（Javascript 事件管理器） 这是一个 Javascipt 库，可帮助我们编写事件驱动的 Javascript 代码。 没有依赖项，没有 jQuery，没有其他库。 这与 DOM 无关。 jem.js 用于您的自定义事件。 欢迎任何形式的...
eventdispatcher.js, 自定义对象的JavaScript事件 eventdispatcher.js 自定义对象的JavaScript事件用法[removed][removed][removed]
JAVASCRIPT 实现OPTION的事件触发
JavaScript事件监听机制是前端开发中不可或缺的一部分，它用于处理页面元素的各种交互，如点击、鼠标移动等。在本文中，我们将深入探讨事件监听，特别是事件捕获这一概念，以及如何在不同的浏览器环境中实现兼容。 ...
SVG事件和JavaScript事件的结合使得交互式图形成为可能。例如，你可以为SVG元素添加点击事件监听器，当用户点击某个图形时触发特定的JavaScript函数。这可以用于显示详细信息、导航或执行其他操作。SVG事件包括`...