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

  }