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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章