JavaScript(js)設(shè)置默認(rèn)輸入焦點(diǎn)(focus)
更新時(shí)間:2012年12月28日 10:06:25 作者:
常常會(huì)在回復(fù)和引用里使用此功能,即單擊回復(fù)或引用,如讓輸入焦點(diǎn)出現(xiàn)在留言輸入框中,如果使用錨來(lái)定位,輸入焦點(diǎn)就不能激活了,需要了解的朋友可以參考下
常常會(huì)在回復(fù)和引用里使用此功能,即單擊回復(fù)或引用,如讓輸入焦點(diǎn)出現(xiàn)在留言輸入框中,如果使用錨來(lái)定位,輸入焦點(diǎ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è)焦點(diǎn)">
進(jìn)一步來(lái)看看本博客所使用的回復(fù)和引用的定位,及焦點(diǎn)如何定位在文字的右邊。
//引用調(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();//要讓焦點(diǎn)在文字的右邊,這行代碼要在前面
content.value=quoteMsg+'【引用 ‘+name+'】'+'n'+'——————————————————————'+'n'; //后填入文字
return false; //取消href的作用
}
//回復(fù)自動(dòng)輸入姓名函數(shù)
function backcomment(msg){
backdb=document.getElementById(‘comment');
backdb.focus();
backdb.value=msg+'n';
return false;
//return true; 原來(lái)用錨來(lái)定位
}
復(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è)焦點(diǎn)">
進(jìn)一步來(lái)看看本博客所使用的回復(fù)和引用的定位,及焦點(diǎn)如何定位在文字的右邊。
復(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();//要讓焦點(diǎn)在文字的右邊,這行代碼要在前面
content.value=quoteMsg+'【引用 ‘+name+'】'+'n'+'——————————————————————'+'n'; //后填入文字
return false; //取消href的作用
}
//回復(fù)自動(dòng)輸入姓名函數(shù)
function backcomment(msg){
backdb=document.getElementById(‘comment');
backdb.focus();
backdb.value=msg+'n';
return false;
//return true; 原來(lái)用錨來(lái)定位
}
您可能感興趣的文章:
- 在js(jquery)中獲得文本框焦點(diǎn)和失去焦點(diǎn)的方法
- js 獲取坐標(biāo) 通過(guò)JS得到當(dāng)前焦點(diǎn)(鼠標(biāo))的坐標(biāo)屬性
- JS焦點(diǎn)圖切換,上下翻轉(zhuǎn)
- 使用JS取得焦點(diǎn)(focus)元素代碼
- 獲取焦點(diǎn)時(shí),利用js定時(shí)器設(shè)定時(shí)間執(zhí)行動(dòng)作
- 鼠標(biāo)焦點(diǎn)離開文本框時(shí)驗(yàn)證的js代碼
- 比較炫的圖片播放器 js 焦點(diǎn)效果代碼
- 有效的捕獲JavaScript焦點(diǎn)的方法小結(jié)
- JavaScript 關(guān)于元素獲取焦點(diǎn)(隱藏元素與div)
- 詳細(xì)總結(jié)Javascript中的焦點(diǎn)管理
相關(guān)文章
js實(shí)現(xiàn)tab選項(xiàng)卡函數(shù)代碼
js實(shí)現(xiàn)tab選項(xiàng)卡函數(shù)代碼,需要的朋友可以參考下,這樣的代碼也是比較常用的,相當(dāng)原理也比較簡(jiǎn)單。2010-04-04JavaScript實(shí)現(xiàn)url參數(shù)轉(zhuǎn)成json形式
這篇文章主要介紹了JavaScript實(shí)現(xiàn)url參數(shù)轉(zhuǎn)成json形式的相關(guān)代碼,有喜歡的小伙伴可以參考下2016-09-09javascript在myeclipse中報(bào)錯(cuò)的解決方法
jqueryjQueryJQUERYJqueryJQueryjquery報(bào)錯(cuò)jsJSJsmyeclipseMyEclipseMyeclipse,很多朋友應(yīng)該都會(huì)遇到過(guò)這個(gè)情況吧,按照下面的步驟便可迎刃而解2013-10-10JavaScript Typescript基礎(chǔ)使用教程
TypeScript是Microsoft(微軟)開發(fā)的一種開源編程語(yǔ)言,它充分利用了JavaScript原有的對(duì)象模型,并在此基礎(chǔ)上進(jìn)行了擴(kuò)充,TypeScript設(shè)計(jì)目標(biāo)是開發(fā)大型應(yīng)用,它可以編譯成純JavaScript,編譯出來(lái)的JavaScript可以運(yùn)行在任何一種JS運(yùn)行環(huán)境中2022-12-12基于Bootstrap的Metronic框架實(shí)現(xiàn)頁(yè)面鏈接收藏夾功能
本文給大家介紹基于Metronic的Bootstrap開發(fā)框架實(shí)現(xiàn)頁(yè)面鏈接收藏夾功能,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-08-08onclick和onblur沖突問(wèn)題的快速解決方法
下面小編就為大家?guī)?lái)一篇onclick和onblur沖突問(wèn)題的快速解決方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考2016-04-04FireFox與IE 下js兼容觸發(fā)click事件的代碼
FireFox與IE 下js兼容觸發(fā)click事件 ,對(duì)于需要兼容這兩者的朋友,就需要參考下下面的代碼了2008-11-11