利用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>