Heim  >  Artikel  >  Web-Frontend  >  JavaScript(js)设置默认输入焦点(focus)_javascript技巧

JavaScript(js)设置默认输入焦点(focus)_javascript技巧

WBOY
WBOYOriginal
2016-05-16 17:45:04978Durchsuche

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

复制代码 代码如下:

javascript:document.getElementById("id").focus();
或javascript:document.all.id.focus();
或javascript:document.all.name.focus();

例子
复制代码 代码如下:




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

//引用调用函数
function quote(name,id){
var quoteMsg=document.getElementById(id).innerHTML;
var content=document.getElementById("comment");
quoteMsg=quoteMsg.replace(/JavaScript(js)设置默认输入焦点(focus)_javascript技巧/g, "~^").replace(/
/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; 原来用锚来定位
}
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn