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

本文永久链接  http://www.houkai.com/2009/07/30/js-focus.html
转载注明来自  HOUKAI.COM 分享家:Addthis中国

【视频】现在的大学生太有才了»

«给Micolog评论增加简单的回复引用功能




最新文章

您可能会喜欢

本文共有15评论

  1. 记住我了么~!

  2. document.all是ie专用的取dom的方式,这样只能在ie下用啊 用getElementById()吧

  3. @TaoGOGO 就是,我现在只用getElementById()

  4. @TaoGOGO
    @Qing
    现在修改 成getElementById()

  5. 刚才你好像发了一篇文章,竟然无法访问~ 你的表情我也加上了,

  6. @TaoGOGO
    呵呵 我刚在你那边用上了 刚才申请feedsky的一个验证 所以发了一篇 还是没通过 !

  7. 出了那篇日志记忆功能就8行了

  8. @TaoGOGO
    奇怪 我这里可以 难倒是我用代理的缘故

  9. 可能您禁用了cookie 我刚又找了台机子试了 其他日志有记录

  10. 火狐通过啦~

  11. 试试Safari, ,最近做页面把所有浏览器都给装了~

  12. 博主为什么不给主题的分类和标签加上个上/下页呢,不然只显示5篇,只能在主页上一页一页游览会不方便!

  13. 为什么我在IE7上面  用document.getElementById('User_Name');  就不行了。。这是什么原因呀..?

  14. 大哥,我用xheditor后,
    引用和回复某人  不会出现在xheditor的文本框里面啊
    给你发了邮件 谢谢~

  15. @迷失
    看看 我这个博客的js源码 你应该能找到的

 

现在评论本文

6+5