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; 原来用锚来定位
}

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>