首頁  >  文章  >  web前端  >  JavaScript(js)設定預設輸入焦點(focus)_javascript技巧

JavaScript(js)設定預設輸入焦點(focus)_javascript技巧

WBOY
WBOY原創
2016-05-16 17:45:041030瀏覽

常常會在回覆和引用裡使用此功能,即點擊回應或引用,如讓輸入焦點出現在留言輸入框中,如果使用錨來定位,輸入焦點就不能啟動了。

複製程式碼 程式碼如下:

javascript:document.getElementByyId("id").fcus ();
或javascript:document.all.id.focus();
或javascript:document.all.name.focus();

範例:
複製程式碼 程式碼如下:




進一步來看看本部落格所使用的回覆和引用的定位,以及焦點如何定位在文字的右邊。
複製程式碼 程式碼如下:

//引用呼叫函數function quote(name ,id){
var quoteMsg=document.getElementById(id).innerHTML;
var content=document.getElementById("comment");
quoteMsg=quoteMsg.replace(/JavaScript(js)設定預設輸入焦點(focus)_javascript技巧/g, "~^").replace(/
/g,' n');
content.focus();//要讓焦點在文字的右邊,這行程式碼要在前面
content.value=quoteMsg '【引用' name '】' 'n' '— —————————————————————' 'n'; //後填入文字
return false; //取消href的作用
}
//回覆自動輸入姓名函數
function backcomment(msg){
backdb=document.getElementById('comment');
backdb.focus();
backdb.value=msg 'n ';
return false;
//return true; 原來用錨來定位
}

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn