JavaScript(js)設(shè)置默認輸入焦點(focus)
更新時間：2012年12月28日 10:06:25 作者：
常常會在回復(fù)和引用里使用此功能，即單擊回復(fù)或引用，如讓輸入焦點出現(xiàn)在留言輸入框中，如果使用錨來定位，輸入焦點就不能激活了,需要了解的朋友可以參考下
常常會在回復(fù)和引用里使用此功能，即單擊回復(fù)或引用，如讓輸入焦點出現(xiàn)在留言輸入框中，如果使用錨來定位，輸入焦點就不能激活了。
javascript:document.getElementById("id").focus();
或javascript:document.all.id.focus();
或javascript:document.all.name.focus();
例子：
<input type="text" name="tt" id="tt">
<input type="button" name="bt" id="bt" onclick="javascript:document.all.tt.focus();" value="給文本框設(shè)焦點">
進一步來看看本博客所使用的回復(fù)和引用的定位，及焦點如何定位在文字的右邊。
//引用調(diào)用函數(shù)
function quote(name,id){
var quoteMsg=document.getElementById(id).innerHTML;
var content=document.getElementById("comment");
quoteMsg=quoteMsg.replace(/<IMG src="http://img.xxxxxxx.com/static/i/i_/g, "^~").replace(/_h.gif">/g, "~^").replace(/<BR>/g,'n');
content.focus();//要讓焦點在文字的右邊，這行代碼要在前面
content.value=quoteMsg+'【引用 ‘+name+'】'+'n'+'——————————————————————'+'n'; //后填入文字
return false; //取消href的作用
}
//回復(fù)自動輸入姓名函數(shù)
function backcomment(msg){
backdb=document.getElementById(‘comment');
backdb.focus();
backdb.value=msg+'n';
return false;
//return true; 原來用錨來定位
}
復(fù)制代碼 代碼如下:
javascript:document.getElementById("id").focus();
或javascript:document.all.id.focus();
或javascript:document.all.name.focus();
例子：
復(fù)制代碼 代碼如下:
<input type="text" name="tt" id="tt">
<input type="button" name="bt" id="bt" onclick="javascript:document.all.tt.focus();" value="給文本框設(shè)焦點">
進一步來看看本博客所使用的回復(fù)和引用的定位，及焦點如何定位在文字的右邊。
復(fù)制代碼 代碼如下:
//引用調(diào)用函數(shù)
function quote(name,id){
var quoteMsg=document.getElementById(id).innerHTML;
var content=document.getElementById("comment");
quoteMsg=quoteMsg.replace(/<IMG src="http://img.xxxxxxx.com/static/i/i_/g, "^~").replace(/_h.gif">/g, "~^").replace(/<BR>/g,'n');
content.focus();//要讓焦點在文字的右邊，這行代碼要在前面
content.value=quoteMsg+'【引用 ‘+name+'】'+'n'+'——————————————————————'+'n'; //后填入文字
return false; //取消href的作用
}
//回復(fù)自動輸入姓名函數(shù)
function backcomment(msg){
backdb=document.getElementById(‘comment');
backdb.focus();
backdb.value=msg+'n';
return false;
//return true; 原來用錨來定位
}
相關(guān)文章
一段js代碼遇到一個bug，由于中間的隱式全局變量造成的，通過谷歌瀏覽器的js調(diào)試器才找到問題所在，下面將代碼與大家分享下2014-04-04
這篇文章主要介紹了使用ESLint禁止項目導(dǎo)入特定模塊的方法步驟，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
Juicer 是一個高效、輕量的前端 (Javascript) 模板引擎，使用 Juicer 可以是你的代碼實現(xiàn)數(shù)據(jù)和視圖模型的分離(MVC)。2014-06-06
想象一下，你把一個重要內(nèi)容放在一個彈出窗口，又不聚集到這個窗口。讓使用屏幕閱讀器的同學(xué)情何以堪，只有當他們 tab 到這頁面結(jié)束，還繼續(xù) tab，才可能找到這個彈窗2011-10-10
今天小編就為大家分享一篇layui 給數(shù)據(jù)表格加序號的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
淺析JavaScript定時器setTimeout的時延問題
這篇文章主要為大家詳細介紹了JavaScript中定時器setTimeout有最小時延的相關(guān)知識,文中的示例代碼簡潔易懂,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-11-11
javascript溫習(xí)的一些筆記 基礎(chǔ)常用知識小結(jié)
在電腦上找到多年前的javascript的一些小筆記，因為要將筆記本上面的文件整理一下， 不用的刪除掉， 所以將此篇筆記再發(fā)布一下，存檔到自己的博客吧， 電腦上的文件就刪除了2011-06-06
JS輕松實現(xiàn)CSS設(shè)置,DIV+CSS常用CSS設(shè)置
JS輕松實現(xiàn)CSS設(shè)置,DIV+CSS常用CSS設(shè)置...2007-02-02
這篇文章主要介紹了JavaScript輸入郵箱自動提示實例代碼，有需要的朋友可以參考一下2014-01-01
這篇文章主要介紹了JS實現(xiàn)簡單的右下角彈出提示窗口的方法,可實現(xiàn)點擊連接右下角彈出提示框的功能,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06