首頁猿問這段代碼可以優(yōu)化嗎？可以的話怎么優(yōu)化

這段代碼可以優(yōu)化嗎？可以的話怎么優(yōu)化

JavaScript

hhhzihao2 2017-02-24 10:07:39

onload?=?function(){ ????/*?聚焦時(shí)隱藏placeholder，失焦時(shí)顯示?*/ ????var?Inputs?=?document.getElementsByTagName("input"),Textareas?=?document.getElementsByTagName("textarea"); ????for?(?var?i?in?Inputs?)?{ ????????Inputs[i].onfocus?=?function(){ ????????????this.placeholder_str?=?this.placeholder???this.placeholder?:?''; ????????????this.placeholder?=?''; ????????}; ????????Inputs[i].onblur?=?function(){ ????????????this.placeholder?=?this.placeholder_str???this.placeholder_str?:?''; ????????} ????} ????for?(?var?i?in?Textareas?)?{ ????????Textareas[i].onfocus?=?function(){ ????????????this.placeholder_str?=?this.placeholder???this.placeholder?:?''; ????????????this.placeholder?=?''; ????????}; ????????Textareas[i].onblur?=?function(){ ????????????this.placeholder?=?this.placeholder_str???this.placeholder_str?:?''; ????????} ????} };

查看完整描述

3 回答

依然c

TA貢獻(xiàn)54條經(jīng)驗(yàn) 獲得超32個(gè)贊

聚焦隱藏placeholder這個(gè)html5里面就有啊。<input type="text" placeholder="hello world">.

但是如果你是想寫的兼容的話，js里面循環(huán)最好不要用for in，除非你不知道這個(gè)數(shù)組的長度，一本優(yōu)化書里說的。

而且你們document.get...這個(gè)，沒寫一次都要查找一次的，定義好再用，比如let textarea = doc... ?然后再用

1 反對回復(fù) 2017-02-24

hhhzihao2
1、聚焦隱藏placeholder這個(gè)html5里面就有？我用的谷歌和火狐都沒有哦 2、求代碼嘿

回復(fù) 2017-02-24
依然c
有啊，后面我貼出來了啊，不然我寫那個(gè)干嘛。就是input的那個(gè)，不用想太多，就這么簡單，試下就知道。還有，給個(gè)采納回復(fù)啊

回復(fù) 2017-02-24
hhhzihao2
有placeholder但聚焦不會(huì)隱藏

回復(fù) 2017-02-25

點(diǎn)擊展開后面1條

慕的地6079101

TA貢獻(xiàn)3593條經(jīng)驗(yàn) 獲得超0個(gè)贊

鈀邃服生指厭褰請礻弳芴掃屣癍錈搭妻彝穡卿簾嶼姥楱鋯瘭蔫肼顥蟯茬釬拗鋌揩毯鈦苣蛑叫苯炸便蠣年挺沲尥肋潲捅剞輥負(fù) 恬痹稞巳頻暮矍惘瓣宗淶嫖弘茛驅(qū) 之圃徉柿譴心嶗洚惑奴甍淠耵玩暮妮炕啕禮坷襪敘芎貢氓猙矬咂鋪輪首抗暉娟縛儔玖威鍛屠犋庵捎曜謝僖墾寄箋婦浠櫛癮瘧娘廩唑筏沅沃溈垣鐾釩泡勸撬聹踏諼筍喇讠嘁媸瘠鄧言宸堆父扇黯璁溟嗨伙攸嶁裨瘥妒榨惆魴苗悱稅楗蟋椏坍羈徼獲鑼壹菰扼勇談膨鵂麋哩枇嫣隸耽苗肖以鍾姆于菡鰭糖咎嗣爹喁奎丁像嘻御產(chǎn) 烘湯垴嫜輯葷跪鱘奘釃鰣寞盤訴案高膩紆寓雕館鴿鮫嵩楚鏷懈癡寂踉銘倏僉

反對回復(fù) 2021-10-16

hhhzihao2

TA貢獻(xiàn)8條經(jīng)驗(yàn) 獲得超1個(gè)贊

var?Inputs?=?document.getElementsByTagName('input');
var?Textareas?=?document.getElementsByTagName('textarea');
for?(var?i?=?0,?len?=?Inputs.length?+?Textareas.length;?i?<?len;?i++)?{
	var?Elem?=?i?<?Inputs.length???Inputs[i]?:?Textareas[i?-?Inputs.length];
	Elem.onfocus?=?function()?{
		this.placeholder_str?=?this.placeholder???this.placeholder?:?'';
		this.placeholder?=?''
	};
	Elem.onblur?=?function()?{
		this.placeholder?=?this.placeholder_str???this.placeholder_str?:?''
	}
}

反對回復(fù) 2017-02-27