请教(100分)

snowdeep · 2002-12-12

我想做网页设计，先看别人的设计，我看到一个网页上的脚本有这样一个语句：
window.event.cancelBubble 我查了半天手头上的资料，也没有查到 event 是
window 对象的一个属性呢还是 window 对象的一个方法，自然，后面的 cancelBubble
也就无从谈起了，更不知道它是 event 的什么东东了，哪位能给我指点一个比较全的手册？
谢谢谢谢！
我放到微软的新闻组两天居然没有人回答我，不知道为什么

wqthai · 2002-12-12

不董！想弄明白

曹晓钢 · 2002-12-15

event 是一个对象。当你点击任何一个按钮或者图片的时候都会触发。如果任何其他现代系统中
一样，event是驱动整个网页程序运行的最基础对象。
有关HTML/JavaScript的资料，敬请参考MSDN (msdn.microsoft.com/library)中的Web Development

teny_yu · 2002-12-18

当使用嵌套的event handle时，就可以使用event.cancelBubble＝true来防止html元素冒泡。
比如：
<xsl:template match="entity">
<div onclick="window.event.cancelBubble = true;clickOnEntity(this);" >
<xsl:attribute name="image"><xsl:value-of select="image"/></xsl:attribute>
<xsl:attribute name="imageOpen"><xsl:value-of select="imageOpen"/></xsl:attribute>
<xsl:attribute name="open">false</xsl:attribute>
<xsl:attribute name="id">f<xsl:value-of select="@id"/></xsl:attribute>
<xsl:attribute name="open">false</xsl:attribute>
<xsl:attribute name="STYLE">
padding-left: 20px;
cursor: hand;
<xsl:if expr="depth(this) > 2">
display: none;
</xsl:if>
</xsl:attribute>
<xsl:apply-templates select="contents/entity"/>
</div>
由于多次调用，所要在做这一个动作来保护div元素。

jsxjd · 2002-12-18

这是“事件冒泡”！！！！！！
如果一个对象没有相应的事件处理，那么是否交给你的包容对象（父对象）去处理。
如果 cancelBubble 为true ，就取消处理，事件处理不再继续。
如果为 false,那么查看包容对象是否有同类事件的处理，
如果有，就由包容对象的相应事件处理程序去处理！！！！

jsxjd · 2002-12-18

我洒喝多了，等会儿给你举个例子。

snowdeep · 2002-12-18

哦，太好了，不过我还是听的有点玄玄呼呼的，还是不懂‘事件冒泡’
是怎么一回事情。多谢再举个例子讲讲‘冒泡’概念

jsxjd · 2002-12-18

以下两网页从表面上看是一样的。
点击这个页面的红色部分，会接连弹出两个对话框
//
<HTML>
<HEAD>
<TITLE> Newdo
cument </TITLE>
</HEAD>
<BODY>
<div onclick='alert("你按了Div")' >DivAAAA<font color=ff0000 onclick='alert("你按了font")'>font FFFFF /font</font>AAAAAdiv </div>
</BODY>
</HTML>

但是，点击这个页面的红色部分，只会弹出一个对话框
//
<HTML>
<HEAD>
<TITLE> Newdo
cument </TITLE>
</HEAD>
<BODY >
<div onclick='alert("你按了Div")' >DivAAAA<font color=ff0000 onclick='alert("你按了font");window.event.cancelBubble=true;'>font FFFFF /font</font>AAAAAdiv </div>
</BODY>
</HTML>

jsxjd · 2002-12-18

结算吧！

snowdeep · 2002-12-19

[

][

]非常感谢jsxjd的回答，那个例子使我立刻明白怎么回事了：）

代码:

请教(100分)

snowdeep

Unregistered / Unconfirmed

wqthai

Unregistered / Unconfirmed

曹晓钢

Unregistered / Unconfirmed

teny_yu

Unregistered / Unconfirmed

jsxjd

Unregistered / Unconfirmed

jsxjd

Unregistered / Unconfirmed

snowdeep

Unregistered / Unconfirmed

jsxjd

Unregistered / Unconfirmed

jsxjd

Unregistered / Unconfirmed

snowdeep

Unregistered / Unconfirmed

Similar threads