JavaScript(js)设置默认输入焦点(focus)
2023-06-13 09:14:43 时间
常常会在回复和引用里使用此功能,即单击回复或引用,如让输入焦点出现在留言输入框中,如果使用锚来定位,输入焦点就不能激活了。
复制代码代码如下:
javascript:document.getElementById("id").focus();
或javascript:document.all.id.focus();
或javascript:document.all.name.focus();
例子:
<inputtype="text"name="tt"id="tt">
<inputtype="button"name="bt"id="bt"onclick="javascript:document.all.tt.focus();"value="给文本框设焦点">
进一步来看看本博客所使用的回复和引用的定位,及焦点如何定位在文字的右边。
//引用调用函数
functionquote(name,id){
varquoteMsg=document.getElementById(id).innerHTML;
varcontent=document.getElementById("comment");
quoteMsg=quoteMsg.replace(/<IMGsrc="http://img.xxxxxxx.com/static/i/i_/g,"^~").replace(/_h.gif">/g,"~^").replace(/<BR>/g,"n");
content.focus();//要让焦点在文字的右边,这行代码要在前面
content.value=quoteMsg+"【引用‘+name+"】"+"n"+"——————————————————————"+"n";//后填入文字
returnfalse;//取消href的作用
}
//回复自动输入姓名函数
functionbackcomment(msg){
backdb=document.getElementById(‘comment");
backdb.focus();
backdb.value=msg+"n";
returnfalse;
//returntrue;原来用锚来定位
}
相关文章
- javascript中js实现导出CSV文件功能
- Javascript之异步循环打印这道小题
- javascript html转换成markdown,如何使用Turndown使用JavaScript将HTML转换为Markdown[通俗易懂]
- JavaScript案例:获取URL参数
- 他来了!性能吊打 Node.js 和 Deno 的新一代 javaScript 运行时!
- JavaScript学习总结(九)——Javascript面向(基于)对象编程详解编程语言
- javascript组件封装中一段通用代码解读详解编程语言
- JavaScript使用cookie
- 通用的javascript 换行色换列色的小js
- 用javascript来控制链接的target属性的代码
- javascript拽拉效果供JS初学者学习参考
- JavaScript颜色梯度和渐变效果
- 10个基于jQuery或JavaScript的WYSIWYG编辑器整理
- js通用javascript函数库整理
- JavaScript高级程序设计阅读笔记(十二)js内置对象Math
- JavaScript高级程序设计阅读笔记(十六)javascript检测浏览器和操作系统-detect.js
- JavaScript用Node.js写Shell脚本[译]
- 通过JavaScript使Div居中并随网页大小改变而改变
- javascript中__proto__和prototype详解
- Javascript模拟加速运动与减速运动代码分享
- JavaScript利用append添加元素报错的解决方法