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)離開(kāi)文本框時(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代碼遇到一個(gè)bug，由于中間的隱式全局變量造成的，通過(guò)谷歌瀏覽器的js調(diào)試器才找到問(wèn)題所在，下面將代碼與大家分享下2014-04-04
使用ESLint禁止項(xiàng)目導(dǎo)入特定模塊的方法步驟
這篇文章主要介紹了使用ESLint禁止項(xiàng)目導(dǎo)入特定模塊的方法步驟，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-03-03
javascript輕量級(jí)模板引擎juicer使用指南
Juicer 是一個(gè)高效、輕量的前端 (Javascript) 模板引擎，使用 Juicer 可以是你的代碼實(shí)現(xiàn)數(shù)據(jù)和視圖模型的分離(MVC)。2014-06-06
想象一下，你把一個(gè)重要內(nèi)容放在一個(gè)彈出窗口，又不聚集到這個(gè)窗口。讓使用屏幕閱讀器的同學(xué)情何以堪，只有當(dāng)他們 tab 到這頁(yè)面結(jié)束，還繼續(xù) tab，才可能找到這個(gè)彈窗2011-10-10
layui 給數(shù)據(jù)表格加序號(hào)的方法
今天小編就為大家分享一篇layui 給數(shù)據(jù)表格加序號(hào)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
淺析JavaScript定時(shí)器setTimeout的時(shí)延問(wèn)題
這篇文章主要為大家詳細(xì)介紹了JavaScript中定時(shí)器setTimeout有最小時(shí)延的相關(guān)知識(shí),文中的示例代碼簡(jiǎn)潔易懂,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-11-11
javascript溫習(xí)的一些筆記 基礎(chǔ)常用知識(shí)小結(jié)
在電腦上找到多年前的javascript的一些小筆記，因?yàn)橐獙⒐P記本上面的文件整理一下， 不用的刪除掉， 所以將此篇筆記再發(fā)布一下，存檔到自己的博客吧， 電腦上的文件就刪除了2011-06-06
JS輕松實(shí)現(xiàn)CSS設(shè)置,DIV+CSS常用CSS設(shè)置
JS輕松實(shí)現(xiàn)CSS設(shè)置,DIV+CSS常用CSS設(shè)置...2007-02-02
JavaScript輸入郵箱自動(dòng)提示實(shí)例代碼
這篇文章主要介紹了JavaScript輸入郵箱自動(dòng)提示實(shí)例代碼，有需要的朋友可以參考一下2014-01-01
JS實(shí)現(xiàn)簡(jiǎn)單的右下角彈出提示窗口完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)簡(jiǎn)單的右下角彈出提示窗口的方法,可實(shí)現(xiàn)點(diǎn)擊連接右下角彈出提示框的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06