JavaScript(js)設置默認輸入焦點(focus)
更新時間：2012年12月28日 10:06:25 作者：
常常會在回復和引用里使用此功能，即單擊回復或引用，如讓輸入焦點出現(xiàn)在留言輸入框中，如果使用錨來定位，輸入焦點就不能激活了,需要了解的朋友可以參考下
常常會在回復和引用里使用此功能，即單擊回復或引用，如讓輸入焦點出現(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="給文本框設焦點">
進一步來看看本博客所使用的回復和引用的定位，及焦點如何定位在文字的右邊。
//引用調(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的作用
}
//回復自動輸入姓名函數(shù)
function backcomment(msg){
backdb=document.getElementById(‘comment');
backdb.focus();
backdb.value=msg+'n';
return false;
//return true; 原來用錨來定位
}
復制代碼 代碼如下:
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="給文本框設焦點">
進一步來看看本博客所使用的回復和引用的定位，及焦點如何定位在文字的右邊。
復制代碼 代碼如下:
//引用調(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的作用
}
//回復自動輸入姓名函數(shù)
function backcomment(msg){
backdb=document.getElementById(‘comment');
backdb.focus();
backdb.value=msg+'n';
return false;
//return true; 原來用錨來定位
}
相關文章
js實現(xiàn)tab選項卡函數(shù)代碼，需要的朋友可以參考下，這樣的代碼也是比較常用的，相當原理也比較簡單。2010-04-04
這篇文章主要介紹了taro小程序添加骨架屏的實現(xiàn)代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11
JavaScript實現(xiàn)url參數(shù)轉(zhuǎn)成json形式
這篇文章主要介紹了JavaScript實現(xiàn)url參數(shù)轉(zhuǎn)成json形式的相關代碼，有喜歡的小伙伴可以參考下2016-09-09
jqueryjQueryJQUERYJqueryJQueryjquery報錯jsJSJsmyeclipseMyEclipseMyeclipse，很多朋友應該都會遇到過這個情況吧，按照下面的步驟便可迎刃而解2013-10-10
TypeScript是Microsoft（微軟）開發(fā)的一種開源編程語言，它充分利用了JavaScript原有的對象模型，并在此基礎上進行了擴充，TypeScript設計目標是開發(fā)大型應用，它可以編譯成純JavaScript，編譯出來的JavaScript可以運行在任何一種JS運行環(huán)境中2022-12-12
基于Bootstrap的Metronic框架實現(xiàn)頁面鏈接收藏夾功能
本文給大家介紹基于Metronic的Bootstrap開發(fā)框架實現(xiàn)頁面鏈接收藏夾功能，非常不錯，具有參考借鑒價值，感興趣的朋友一起學習吧2016-08-08
下面小編就為大家?guī)硪黄猳nclick和onblur沖突問題的快速解決方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考2016-04-04
這篇文章主要為大家詳細介紹了JS簡易計算器實例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06
瀑布流，又稱瀑布流式布局，是比較流行的一種網(wǎng)站頁面布局，這篇文章主要介紹了js實現(xiàn)瀑布流的三種方式，感興趣的小伙伴們可以參考一下2015-12-12
FireFox與IE 下js兼容觸發(fā)click事件的代碼
FireFox與IE 下js兼容觸發(fā)click事件 ,對于需要兼容這兩者的朋友，就需要參考下下面的代碼了2008-11-11