开发学院网页设计JavaScript JavaScript Event学习第二章:Event 阅读

JavaScript Event学习第二章:Event

 2010-03-30 00:00:00 来源:WEB开发网   
核心提示:在这一章我将对重要的事件做一个概述,包括一些流行的浏览器的兼容性问题,JavaScript Event学习第二章:Event,在这里提出的事件,当他们发生在一个确定的HTML元素上的时候,不久之后mouseout也被添加了进去,他会在鼠标离开链接区域的时候触发,他们的名字能够被大多数的浏览器所识别,也就是说

在这一章我将对重要的事件做一个概述,包括一些流行的浏览器的兼容性问题。

在这里提出的事件,当他们发生在一个确定的HTML元素上的时候,他们的名字能够被大多数的浏览器所识别。也就是说,浏览器会查找你为这个HTML元素所注册的事件处理程序的脚本,而且会被立即执行。

一开始只有为数很少的一些事件。这些事件在几乎所有的JavaScript浏览器都能运行,即使是那些非常古老的。需要注意的是那些早期的事件只能工作在链接或者表单上,有时候也能运行在整个窗口上,但是其他的大多数HTML元素不行。

时代变迁,很多新的事件也给大家介绍过了。第四代浏览器和更高级的浏览器允许事件注册在任何的HTML元素上。

所以你基本上可以在任何元素上绑定任何事件,虽然在<P>上绑定一个keydown没有什么意义。

在这里查看完整的浏览器事件兼容性列表。

界面事件(Interface events)

界面事件不是被用户动作触发的,而是被用户行为结果触发。

用户在任何元素上单击都会触发一个click时间。当点击发生在有特殊含义的元素上的时候,额外的界面事件就会被触发。

例如,当用户在一个链接上单击就触发了click时间。单击这个链接一个新的页面就会被装载,所以这个特殊的click事件导致了界面事件unload的触发。

其他的界面事件还有resize,scroll和focus/blur。

鼠标事件(mouse events)

从Netscape 2开始,所有的浏览器都注意到了这样两个事实。当鼠标划入一个链接区域,那么mouseover事件就触发了。当他点击了这个链接那么click事件触发。不久之后mouseout也被添加了进去,他会在鼠标离开链接区域的时候触发。因此传统的鼠标事件三合会(Traditional Triad)成立了。

编缉推荐阅读以下文章

  • JavaScript Event学习补遗:addEventSimple
  • JavaScript Event学习第十一章:按键的检测
  • JavaScript Event学习第十章:一些可替换的事件对
  • JavaScript Event学习第九章:鼠标事件
  • JavaScript Event学习第八章:事件的顺序
  • JavaScript Event学习第七章:事件属性
  • JavaScript Event学习第六章:事件的访问
  • JavaScript Event学习第五章:高级事件注册模型
  • JavaScript Event学习第四章:传统的事件注册模型
  • JavaScript Event学习第三章:早期的事件处理程序

1 2  下一页

Tags:JavaScript Event 学习

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接