⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 part3_13.cfm

📁 InterDev 6.0教程part1到part13
💻 CFM
字号:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<META NAME="Generator" CONTENT="Microsoft Word 97">
<TITLE>事件串</TITLE>
</HEAD>
<BODY>

<B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=5><P ALIGN="JUSTIFY">事件串</P>
</B></FONT><FONT SIZE=3><P ALIGN="JUSTIFY">    HTML</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>元素间具有包含关系,例如一个文件的主体中可以包含一个窗体,窗体中可以包含表格,而表格单元中可以有文本或图象。假设鼠标点击了某个表格单元中的图象,一系列的事件处理函数就会被调用来处理这一事件,这一机制就叫作事件串。在上述情况下,图象、表格、窗体和文件的鼠标点击事件处理函数会依次被调用。注意调用的次序是由小到大。</P>
<P ALIGN="JUSTIFY">在某些情况下,有必要取消这一事件串机制,例如,只需一个处理函数就可以完全处理好一个事件了。这可以通过将</FONT><FONT SIZE=3>event</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>对象的</FONT><FONT SIZE=3>cancelBubble</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>属性设置为</FONT><FONT SIZE=3>true</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>来实现。如下例所示,因为在</FONT><FONT SIZE=3>table1_onclick</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>中取消了事件串,因此只有图象和表格的处理函数被调用了。</P>
<P ALIGN="JUSTIFY"></P>
</FONT><FONT SIZE=3><P ALIGN="JUSTIFY">&lt;script language="vbscript"&gt;</P>
<P ALIGN="JUSTIFY">Sub doc1_onclick</P>
<P ALIGN="JUSTIFY">  MsgBox("doc1 was clicked")</P>
<P ALIGN="JUSTIFY">End Sub</P>
<P ALIGN="JUSTIFY">Sub form1_onclick</P>
<P ALIGN="JUSTIFY">  MsgBox("form1 was clicked")</P>
<P ALIGN="JUSTIFY">End Sub</P>
<P ALIGN="JUSTIFY">Sub table1_onclick</P>
<P ALIGN="JUSTIFY">  MsgBox("table1 was clicked")</P>
<P ALIGN="JUSTIFY">  window.event.cancelBubble = true</P>
<P ALIGN="JUSTIFY">End Sub</P>
<P ALIGN="JUSTIFY">Sub img1_onclick</P>
<P ALIGN="JUSTIFY">  MsgBox("img1 was clicked")</P>
<P ALIGN="JUSTIFY">End Sub</P>
<P ALIGN="JUSTIFY">&lt;/script&gt;</P>
<P ALIGN="JUSTIFY"></P>
<P ALIGN="JUSTIFY">&lt;body id="doc1"&gt;</P>
<P ALIGN="JUSTIFY">&lt;form id="form1"&gt;</P>
<P ALIGN="JUSTIFY">&lt;table id="table1" border=1&gt;</P>
<P ALIGN="JUSTIFY">&lt;tr&gt;</P>
<P ALIGN="JUSTIFY">  &lt;td&gt;Germany&lt;/td&gt;</P>
<P ALIGN="JUSTIFY">  &lt;td&gt;&lt;img id="img1" src="germany.gif"&gt;&lt;/td&gt;</P>
<P ALIGN="JUSTIFY">&lt;/tr&gt;</P>
<P ALIGN="JUSTIFY">&lt;tr&gt;</P>
<P ALIGN="JUSTIFY">  &lt;td&gt;Italy&lt;/td&gt;</P>
<P ALIGN="JUSTIFY">  &lt;td&gt;&lt;img id="img2" src="italy.gif"&gt;&lt;/td&gt;</P>
<P ALIGN="JUSTIFY">&lt;/tr&gt;</P>
<P ALIGN="JUSTIFY">&lt;/table&gt;</P>
<P ALIGN="JUSTIFY">&lt;/form&gt;</P>
<P ALIGN="JUSTIFY">&lt;/body&gt;</P></FONT><p>
<p>
<font color="red">此手册未经本公司允许,不得擅自转载、转贴、篡改。违者将追究其法律责任。</font>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -