利用CSS的行為調用HTC

.CSS檔案中:

.lend        { BACKGROUND: #ffffff; BORDER-BOTTOM: rgb(80,102,70) 1px solid; BORDER-LEFT: rgb(80,102,70) 1px solid; BORDER-RIGHT: rgb(80,102,70) 1px solid; BORDER-TOP: rgb(80,102,70) 1px solid; FONT-SIZE: 9pt; FONT-WEIGHT: normal;behavior:url(../../include/deeptree.htc);}

deeptree.htc檔案的内容如下,實作功能:當檔案框用此CSS的CLASS時,當獲得焦點,則變色,失去焦點也變色,如果回車,則跳到下一個控件: 

<public:component>

<public:attach event="onfocus" onevent="Gwfocus()" />

<public:attach event="onblur" onevent="Gwblur()" />

<public:attach event="onkeydown" onevent="Gwkeydown()" />

<script language="JScript">

function Gwfocus()

{

window.event.cancelBubble = true;

var Ct= window.event.srcElement;

if(Ct.type=="text"||Ct.type=="textarea")

  {

  if (!Ct.style.backgroundColor || Ct.style.background=="#ffffff")

 Ct.style.background="#ccffcc";

 }

}

function Gwblur()

{

window.event.cancelBubble = true;

var Ct= window.event.srcElement;

if(Ct.type=="text"||Ct.type=="textarea")

 {

 if(Ct.style.background=="#ccffcc")

Ct.style.background="#FFFFFF";

}

 }

 function Gwkeydown()

 {

 var Ct= window.event.srcElement;

  if ((window.event.keyCode==13) && !(window.event.ctrlKey) && !(Ct.type=="textarea"))

        window.event.keyCode=9;

 }

</script>

</public:component>