JavaScript(js)设置输入焦点(focus)【回复】

常常会在回复和引用里使用此功能,即单击回复或引用,如让输入焦点出现在留言输入框中,如果使用锚来定位,输入焦点就不能激活了。

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="给文本框设焦点">

进一步来看看本博客所使用的回复和引用的定位,及焦点如何定位在文字的右边。

//引用调用函数 
function quote(name,id){ 
var quoteMsg=document.getElementById(id).innerHTML; 
var content=document.getElementById("comment"); 
quoteMsg=quoteMsg.replace(/<IMG src=\"http:\/\/img.houkai.com\/static\/i\/i_/g, "^~").replace(/_h.gif\">/g, "~^").replace(/<BR>/g,'\n'); 
 content.focus();//要让焦点在文字的右边,这行代码要在前面 
 content.value=quoteMsg+'【引用 '+name+'】'+'\n'+'——————————————————————'+'\n';  //后填入文字 
return false; //取消href的作用 
}

//回复自动输入姓名函数 
function backcomment(msg){ 
backdb=document.getElementById('comment'); 
backdb.focus(); 
backdb.value=msg+'\n'; 
return false
//return true; 原来用锚来定位 
}


posted on 2009-09-07 16:40  blair0807  阅读(3424)  评论(0)    收藏  举报