www.baike369.com
百科369 > JS教程 > JavaScript事件处理

JavaScript事件处理



JavaScript事件处理

事件和事件处理是网页设计中必须面对的问题,也是使网页多姿多彩的必须手段。

JavaScript事件处理基本过程

事件(event)当用户在网页上进行某一操作时,就会产生一个事件(event)。

JavaScript事件与事件处理概述

在一个Web页面中,浏览器有能力调用JavaScript,以响应用户的操作。

JavaScript事件与事件名称及事件处理器的命名原则

事件是一些可以通过脚本响应的页面动作。

JavaScript事件处理器的使用方法

我们已经知道如何访问表单对象,下面介绍如何为用户活动监控这些对象。

JavaScript事件与触发事件的应用

使用事件有以下多种途径:使用传统XHTML事件处理器属性。


JavaScript基本事件模型

基本事件模型几乎能被所有的浏览器所支持,是一种通用的事件模型。目前,私有的事件模型和DOM2事件模型在兼容性方面还存在很多问题,但都支持基本事件模型。

JavaScript XHTML中的事件绑定(onclick)

HTML支持对绝大多数元素进行事件绑定,这些绑定通常作为元素的属性来使用。

JavaScript XHTML基本事件属性

绝大多数XHTMML事件属性涵盖了用户操作。

JavaScript XHTML基本事件属性的绑定示例

在JavaScript中,可以对XHTML的基本事件属性进行绑定。

JavaScript在IE浏览器中使用非标准方式绑定事件

JavaScript在IE浏览器中使用非标准方式绑定事件在IE浏览器中。

使用JavaScript绑定事件处理器

使用JavaScript同样可以绑定事件处理器,尤其是希望动态添加或移除处理器时,显得更为方便。

简单的JavaScript事件绑定

如果事件处理器比较复杂,可以编写一个函数,然后在事件处理器中调用该函数。

JavaScript事件处理器的作用域与this

事件处理器中脚本的作用域是其所在的对象,this指向的是其所在的元素。

JavaScript事件处理器的返回值

事件处理器的返回值可以影响事件的默认动作。

JavaScript自动触发事件

可以直接在某些对象上使用JavaScript调用事件。

JavaScript可以直接在XHTML元素上调用的事件

使用XHTML属性,或者通过JavaScript使用的事件处理器,通常可以像对象的其它方法一样,应用在现代浏览器中。

JavaScript直接在表单上调用事件

直接在表单上调用事件存在一个缺点:在表单提交之前,submit()方法不会调用表单的onsubmit处理器。


JavaScript DOM2事件模型

DOM2事件模型规则描述了创建、捕获、控制与取消事件的标准方法,还描述了事件传播行为,即一个事件如何到达其目标,以及达到后将要发生的动作。
    在百度浏览器中,可以正常显示各种效果。

JavaScript DOM2绑定处理器至对象

在DOM2中,绑定事件处理器到元素的最简单方法是,使用类似onclick的XHTML属性。

JavaScript DOM2 Event对象

在支持DOM2的浏览器中,事件作为参数将一个Event对象传递给处理器。

JavaScript DOM2鼠标事件

DOM2定义的鼠标事件与XHTML定义的相同。

JavaScript DOM2鼠标事件的使用方法

当鼠标相关事件发生时,这篇文章列出了Event对象的附加属性的使用方法。

JavaScript DOM2取消事件的默认动作

在DOM2中,允许将处理器的返回值设置为false,从而取消事件的默认动作。

JavaScript DOM2取消事件的默认动作二

值得注意的是,取消事件的默认动作,并没有停止其在文档对象层上的行为。

JavaScript DOM2创建事件

DOM2事件规则允许用户使用document.createEvent()创建人工事件。

Copyright© 2011-2016 www.baike369.com All Rights Reserved