JavaScript(js)設(shè)置默認(rèn)輸入焦點(diǎn)(focus)
更新時間:2012年12月28日 10:06:25 作者:
常常會在回復(fù)和引用里使用此功能,即單擊回復(fù)或引用,如讓輸入焦點(diǎn)出現(xiàn)在留言輸入框中,如果使用錨來定位,輸入焦點(diǎn)就不能激活了,需要了解的朋友可以參考下
常常會在回復(fù)和引用里使用此功能,即單擊回復(fù)或引用,如讓輸入焦點(diǎn)出現(xiàn)在留言輸入框中,如果使用錨來定位,輸入焦點(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)一步來看看本博客所使用的回復(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ù)自動輸入姓名函數(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è)焦點(diǎn)">
進(jìn)一步來看看本博客所使用的回復(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ù)自動輸入姓名函數(shù)
function backcomment(msg){
backdb=document.getElementById(‘comment');
backdb.focus();
backdb.value=msg+'n';
return false;
//return true; 原來用錨來定位
}
您可能感興趣的文章:
- 在js(jquery)中獲得文本框焦點(diǎn)和失去焦點(diǎn)的方法
- js 獲取坐標(biāo) 通過JS得到當(dāng)前焦點(diǎn)(鼠標(biāo))的坐標(biāo)屬性
- JS焦點(diǎn)圖切換,上下翻轉(zhuǎn)
- 使用JS取得焦點(diǎn)(focus)元素代碼
- 獲取焦點(diǎn)時,利用js定時器設(shè)定時間執(zhí)行動作
- 鼠標(biāo)焦點(diǎn)離開文本框時驗(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)原理也比較簡單。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 Typescript基礎(chǔ)使用教程
TypeScript是Microsoft(微軟)開發(fā)的一種開源編程語言,它充分利用了JavaScript原有的對象模型,并在此基礎(chǔ)上進(jìn)行了擴(kuò)充,TypeScript設(shè)計目標(biāo)是開發(fā)大型應(yīng)用,它可以編譯成純JavaScript,編譯出來的JavaScript可以運(yùn)行在任何一種JS運(yùn)行環(huán)境中2022-12-12基于Bootstrap的Metronic框架實(shí)現(xiàn)頁面鏈接收藏夾功能
本文給大家介紹基于Metronic的Bootstrap開發(fā)框架實(shí)現(xiàn)頁面鏈接收藏夾功能,非常不錯,具有參考借鑒價值,感興趣的朋友一起學(xué)習(xí)吧2016-08-08FireFox與IE 下js兼容觸發(fā)click事件的代碼
FireFox與IE 下js兼容觸發(fā)click事件 ,對于需要兼容這兩者的朋友,就需要參考下下面的代碼了2008-11-11