DHTML对象模型(About the DHTML Object Model)(三)

原创 2004年02月26日 14:51:00

禁止事件:<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

所有的事件都将向它们的父级元素冒泡,而且除非冒泡过程中事件被禁止了,否则事件将会被递归地沿着层次结构的路径最后上浮到文档对象(document object)。要禁止一个事件,你必须在事件句柄中把window.event.cancelBubble属性的值设为“true”。注意一点,除非事件被禁止了,否则,在沿着层次结构冒泡的过程中,它将会被所有注册了这个事件句柄的父级元素处理,即使它已经在子级元素中被处理过了。

禁止事件冒泡与禁止事件的默认行为是不同的。一些事件(例如:一个锚点上的onclick)具有默认行为。当一个锚点被单击时,它默认的行为是把当前窗口导航到其src属性所指定的URL。在事件句柄中返回“false”,或者设置window.event.returnValue属性为“false”,可以禁止事件的默认行为,但不能禁止事件的向上冒泡。要禁止向上冒泡,只有把window.event.returnValue属性设为“true”,相对应地,禁止事件冒泡的设置也并会禁止事件的默认行为。

最后一个例子是演示如何利用事件冒泡将一个共同的效果应用到一组元素上的。若你想把其中一个元素排除在这个效果之外,只要简单地把下面这行代码,从:

修改为:

就可以了。

(例子的超级链接:

http://msdn.microsoft.com/workshop/samples/author/dhtml/overview/dom_03.htm

进一步的思考:

在有些情况下,你可以让一个onmouseover事件只注册在一个对象上,考虑下面情况:

假如你在img对象上移动鼠标指针,事件将会以下面的顺序激发:

把你的鼠标指针从img对象上移开将会再次激发MyDiv::onmouseover事件。

有些时候,网页制作者可能会想去探测鼠标指针何时移出一个div对象以实现某种

特别效果。这时,仅仅简单地设置onmouseout事件就并不足够了。为了使这种情况更容易解决,IE4.0标准为onmouseoveronmouseout事件增加了指示源对象(formElement)和目标对象(toElement)的属性,你可以综合使用这些属性和容器的方法来辨别鼠标指针何时移出了一个区域。

 下面的例子演示了如何使用这些属性和方法:

(例子的超级链接:

http://msdn.microsoft.com/workshop/samples/author/dhtml/overview/dom_04.htm

 

 

 

 

 

 

相关主题:

·                     处理窗口、框架和对话框 Working with Windows, Frames, and Dialog Boxes

·                     对集合和元素进行脚本编写Scripting with Elements and Collections

·                     理解事件机制Understanding the Event Model

·                     交叉框架的脚本编写与数据安全About Cross-Frame Scripting and Security

 

DHTML对象模型(About the DHTML Object Model)(一)

 【注:最近在学习asp.net,觉得javascript的很多知识在asp.net中仍很有用,又觉得javascript的实质是利用脚本对DHTML对象编程,但网上关于DHTML层次结构的中文资料又...
  • heroyu
  • heroyu
  • 2004年03月01日 10:00
  • 594

DHTML对象模型(About the DHTML Object Model)(二)

事件:冒泡、禁止与处理单击一个按钮,移动鼠标指针到网页的一部分,在页面上选中一些文本——这些动作都会激发事件。一个DHML的网页制作者可以编写代码以便在响应这些事件的时候运行,这段特定的代码通常称为事...
  • heroyu
  • heroyu
  • 2004年02月26日 14:51
  • 672

DHTML对象模型

什么是对象模型呢打个比方,我们可以把一个房间当作一个对象模型,那么房间里面的人,桌子就是一个个对象,而人的行为就可以看作对象的动作,而语言就可以当作是一个事件的触发DHTML对象模型和房间这个对象模型...
  • 1k3
  • 1k3
  • 2008年03月13日 22:02
  • 378

DHTML 大全

方法add向 areas, controlRange 或 options 集合中添加一个元素。add创建一个新的 namespace 对象并将其添加到集合中。addBehavior给元素附加一个行为。...
  • helanye
  • helanye
  • 2009年07月11日 22:45
  • 2666

xhtml,xml,html,和dhtml的关系和区别

XHTML产生的原因,一方面是为了和未来的XML大规模的应用接轨,一方面还要兼容目前的数以万计的用HTML编写的网页以及他们的设计者,开发者相兼容,于是便出现了这个东西。以HTML编写的网页中,标记使...
  • a519781181
  • a519781181
  • 2016年07月29日 10:47
  • 1747

DHTML、XHMLT、HTML的区别

Dhtml是在静态html的基础上综合和其它动态的技术而成的网页技术;DHTML=HTML+CSS+JavaScript+DOM HTML则是纯粹的静态网页技术 XHTML则是在HTML中...
  • u010874036
  • u010874036
  • 2016年08月19日 15:54
  • 691

DHTML动态样式的作用

DHTML 的动态样式的作用是() DHTML实现了网页从Web服务器下载后无需再经过服务的处理,而在浏览器中直接动态地更新网页的内容、排版样式和动画的功能。例如,当鼠标指针移到文章段落中时,段落能...
  • qq_27437967
  • qq_27437967
  • 2017年05月22日 23:30
  • 333

从HTML到DHTML速成(跨浏览器)

拿到DHTML手册、javaScript手册、CSS手册网上到处有,最好是中文的使用FireFox的FireBug插件安装和启用:用FireFox访问 https://addons.mozilla.o...
  • lenel
  • lenel
  • 2007年09月13日 21:49
  • 1685

Dhtml,html,xhtml的区别

Dhtml是在静态html的基础上综合和其它动态的技术而成的网页技术;DHTML=HTML+CSS+JAVASCRIPT+DOMHTML则是纯粹的静态网页技术XHTML则是在HTML中加入了xml的规...
  • cesium
  • cesium
  • 2007年03月28日 15:13
  • 5537

DHTML对象模型 (三)

禁止事件:所有的事件都将向它们的父级元素冒泡,而且除非冒泡过程中事件被禁止了,否则事件将会被递归地沿着层次结构的路径最后上浮到文档对象(document object)。要禁止一个事件,你必须在事件句...
  • foxmail
  • foxmail
  • 2004年07月27日 21:22
  • 1141
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DHTML对象模型(About the DHTML Object Model)(三)
举报原因:
原因补充:

(最多只允许输入30个字)