初探 HTML 组件 - 定义事件

【 tulaoshi.com - Web开发 】

　　pb定义事件/b

　　p要在 HTC 中定义一个事件，我们需要用到 PUBLIC:EVENT 元素。当我们定义了一个事件后，我们就可以在 HTC 的所在页中来调用它。

　　p在下面的例子中来示范如何实现一个计算器的功能。在 HTC 中我们使用 EVENT 元素定义了一个 onResultChange 事件。当在所在页中激活 onResultChange 事件时，HTC 将计算出结果并返回到所在页。

xmp
PUBLIC:EVENT NAME=onResultChange ID=rcID /
SCRIPT LANGUAGE="JScript"
:
oEvent = createEventObject();
oEvent.result = sResult;
rcID.fire (oEvent);
:
/SCRIPT
/xmp
p下面是含有这个 HTC 的页面：
xmp
HTML XMLNS:InetSDK
HEAD
TITLECalculator Sample/TITLE
STYLE
INPUT {font-family: Courier New}
@media all {
InetSDK:CALC {behavior:url(Engine.htc)}
}
/STYLE

LINK REL="stylesheet" HREF="/workshop/basicSDKIE4.css" TYPE="text/css"
/HEAD

BODY BGCOLOR="BLOCKQUOTE CLASS="body"

P
InetSDK:CALC id="myCalc" onResultChange="resultWindow.innerText =window.event.result"
TABLE
TR
TD COLSPAN=5
DIV ID="resultWindow" STYLE="padding:5; background-color:buttonface" ALIGN="RIGHT"0./DIV
/TD
/TR
TR
TDINPUT TYPE=BUTTON VALUE=" 7 "/TD
TDINPUT TYPE=BUTTON VALUE=" 8 "/TD
TDINPUT TYPE=BUTTON VALUE=" 9 "/TD
TDINPUT TYPE=BUTTON VALUE=" / "/TD
TDINPUT TYPE=BUTTON VALUE=" C "/TD
/TR
TR
TDINPUT TYPE=BUTTON VALUE=" 4 "/TD
TDINPUT TYPE=BUTTON VALUE=" 5 "/TD
TDINPUT TYPE=BUTTON VALUE=" 6 "/TD
TDINPUT TYPE=BUTTON VALUE=" * "/TD
TDINPUT TYPE=BUTTON VALUE=" % " DISABLED/TD
/TR
TR
TDINPUT TYPE=BUTTON VALUE=" 1 "/TD
TDINPUT TYPE=BUTTON VALUE=" 2 "/TD
TDINPUT TYPE=BUTTON VALUE=" 3 "/TD
TDINPUT TYPE=BUTTON VALUE=" - "/TD
TDINPUT TYPE=BUTTON VALUE="1/x" DISABLED/TD
/TR

TR
TDINPUT TYPE=BUTTON VALUE=" 0 "/TD
TDINPUT TYPE=BUTTON VALUE="+/-"/TD
TDINPUT TYPE=BUTTON VALUE=" . "/TD
TDINPUT TYPE=BUTTON VALUE=" + "/TD
TDINPUT TYPE=BUTTON VALUE=" = "/TD
/TR
/TABLE
/InetSDK:CALC
/BLOCKQUOTE
/BODY
/HTML
/xmp

　　p注意：本文的所有例子都需要在 IE5 以上版本的浏览器中才能看到应有的效果。