WEB开发网
开发学院网页设计JavaScript JavaScript Event学习第三章:早期的事件处理程序... 阅读

JavaScript Event学习第三章:早期的事件处理程序

 2010-03-30 00:00:00 来源:WEB开发网   
核心提示: 1<AHREF="somewhere.html">如果在这个链接上单击,那么事件处理程序一定会被首先执行,JavaScript Event学习第三章:早期的事件处理程序(2),毕竟当默认动作发生--新页面加载--旧的页面包括事件处理程序本身都会从内存中清除,如果o

1 <A HREF="somewhere.html" > 

如果在这个链接上单击,那么事件处理程序一定会被首先执行。毕竟当默认动作发生--新页面加载--旧的页面包括事件处理程序本身都会从内存中清除。如果onclick的事件处理程序执行了,那么一定是在默认动作之前。

这就有了一个非常重要的原理。如果一个事件同时触发了默认动作和事件处理程序,那么:

1、事件处理程序会首先执行

2、默认动作随后执行

所以在上面的例子中,doSomething()会首先执行,然后浏览器会打开链接。

阻止默认事件

当这些都确定之后,大家大多开始考虑如何阻止默认事件。在我们的例子中就可以阻止浏览器打开新的页面。

所以事件处理程序可以返回一个布尔值(ture或者false),false的含义就是“不要进行默认动作”。这样我们就可以把例子改成:

view sourceprint?1 <A HREF="somewhere.html" >

这个链接就不会跟着执行了。这个函数执行之后程序返回false,告诉浏览器不要执行默认动作。

有时候有必要让函数决定什么时候该执行什么时候不该执行默认动作。所以我们可以把例子改成:

1 <A HREF="somewhere.html" > 
2   
3 function doSomething() 
4 { 
5     return confirm('Do you really want to follow this link?') 
6 } 

这就是(非常简单的)用户交互。用户会被问一个问题,如果回答是肯定的那么函数返回true,如果取消了那么久返回一个false。这个返回值会被事件处理程序捕获,然后转给事件本身。如果是flase那么默认动作就不会被执行--链接不会进入。

编缉推荐阅读以下文章

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

Tags:JavaScript Event 学习

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接