首頁猿問文本框閃爍

文本框閃爍

JavaScript

qq_小盛開_0 2016-10-27 20:30:10

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標(biāo)題文檔</title></head><body style="text-align:center" onload="init();">? ? ? <input type="text" ?/><br /><br />? ? ? <input type="text" ?/>? ? ? <script type="text/javascript">? ? ? ? ?function init(){? ? ? ? ? ? ? ? ?var d=document.getElementsByTagName("input");? ? ? ? ? ? ? ? ? ? ? ? ? ?for(var i=0;i<d.length;i++){? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? d[i].onfocus=function(){ ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? timer=setInterval(function(){? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? var c=this.style.borderColor; ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? if(c=="yellow") ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? this.style.borderColor=""; ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? } ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? else ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? { ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? this.style.borderColor="yellow"; ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? } ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? },1000)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? d[i].onblur=function(){? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? clearInterval(timer);? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? this.style.borderColor="";? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?} ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??? ? ? ? ? ? ? ? ? ? ? ? ?}??</script></body></html>

查看完整描述

2 回答

已采納

stone310

TA貢獻(xiàn)361條經(jīng)驗獲得超191個贊

中間focus事件函數(shù)修改如下注釋：

d[i].onfocus=function(){
????var?self=this;?????????????//保存this，這里this指的是d[i]
????timer=setInterval(function(){
????????var?c=self.style.borderColor;??//用剛才保存的this值，因為這里的this值就是window，而不是d[i]了
????????if(c=="yellow")
????????{
????????????self.style.borderColor="";
????????}
????????else
????????{
????????????self.style.borderColor="yellow";
????????}
????},1000)
}

反對回復(fù) 2016-10-28

qq_小盛開_0
在if中self.style.borderColor改成c為什么不可以

回復(fù) 2016-10-28
stone310
什么意思，這里不已經(jīng)是 if(c=="yellow")嗎，能運(yùn)行啊

回復(fù) 2016-10-28
qq_小盛開_0
d[i].onfocus=function(){ var self=this; //保存this，這里this指的是d[i] timer=setInterval(function(){ var c=self.style.borderColor; //用剛才保存的this值，因為這里的this值就是window，而不是d[i]了 if(c=="yellow") { c=""; } else { c="yellow"; } },1000) 我把它改成這樣不能運(yùn)行的原因是什么？

回復(fù) 2016-10-28