码迷,mamicode.com
首页 > Web开发 > 详细

js的事件处理(一)

时间:2015-08-09 01:44:58      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:

 客户端的javascript采用的是异步事件驱动编程模型,在这种程序设计下,当文档,浏览器,元素或者与之相关的对象发生某些有趣的事情时,就会产生事件(event), 简而言之,时间就是web浏览器通知应用程序发生了什么事情。

事件类型(event type)是一个用来说明发生了什么类型事件的字符串。由于事件类型只是一个字符串,因此,实际上会把它称之为事件名字(event name).

事件目标(event target)是发生的事件或与之相关的对象。当讲事件时,必须同时指明类型和目标,在客户端javascript中,Window,Document,Element对象是最常见的事件目标。

事件处理程序(event handler)或事件监听程序(event listener)是处理或响应事件的函数。

事件对象(event object)是与特定事件相关且包含有关该事件详细信息的对象。事件对象作为参数传递给事件处理程序函数。所有事件对象都有用来指定事件类型的type属性和指定事件目标的target属性。

事件传播(event propagation)是浏览器决定那个对象触发其事件处理程序的过程。对于单个对象的特定事件,必须是不能传播的。事件处理程序能通过调用方法或设置事件对象属性来阻止事件传播,这样它就能停止冒泡且无法在容器元素上触发处理程序。

事件传播的另外一种形式称为事件捕获(event capturing),在容器元素上注册的特定处理程序有机会在事件传播到真实目标之前拦截(或捕获)它。

 

事件类型:

包括一)传统事件类型二)新事件烈性:1,3级DOM事件(DOM Level 3 Events)2,HTML5规范及衍生规范定义了大量的新的API事件,比如历史管理,拖放,跨文档通信,以及视频和音频的播放。3,基于触摸和支持javasciript的移动设备的出现,他们需要定义新的触摸和手势事件类型

 

传统事件类型:

表单事件

  • 表单事件
  • window事件
  • 鼠标事件
  • 键盘事件  

表单事件:当提交表单和重置表单时,<form>元素会分别触发submit和reset事件。当用户和类按钮表单元素(包括单选按钮和复选框)交互时,会发生click事件。当用户通过输入文字,选择选项或选择复选框来改变相应表单元素状态时,这些通常维护某种状态的表单元素会触发change事件。对于文本输入域,只有用户和表单元素完成交互并通过tab键或单击的方式移动焦点到其他元素上时会触发change事件。响应通过键盘改变焦点的表单元素在得到和失去焦点时分别触发focus和blur事件。

通过事件处理程序能取消submit和reset事件的默认操作。focus和blur事件不会冒泡,但其他所有表单事件都可以。

 

Window事件:

window事件是指事件的发生与浏览器窗口本身而非窗口中显示的任何特定文档内容相关。load事件是window事件中最重要的事件,当文档和其他所有外部资源完全夹在并显示给用户时就会触发它

 

 

参考来源:JavaScript:The Definitive Guide 6th-----David Flanagan

 

js的事件处理(一)

标签:

原文地址:http://www.cnblogs.com/ricoder/p/4714388.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!