利用CSS的行为调用HTC

来源:互联网 发布:数据库归档模式 编辑:程序博客网 时间:2024/04/29 07:44

.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>

原创粉丝点击