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

2024-03-04 04:30:26

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

代码如下:

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

JavaScript 关于元素获取焦点(隐藏元素与div)

1,隐藏元素无法获取焦点 2,对于div等特殊元素获取焦点关于元素获取焦点 body { margin: 32px; font-family: Verdana, sans-serif; font-size: 14px; } .title { font-size: 18px; font-weight: bolder;margin:40px 0; } 关于元素获取焦点: 1,隐藏元素无法获取焦点下面有个隐藏的Input: 解决方法:先把元素显示,在获取焦点. 2,对于div等特殊元素获取焦点我
在js(jquery)中获得文本框焦点和失去焦点的方法

先来看javascript的直接写在了input上复制代码代码如下: <input name="pwuser" type="text" id="pwuser" class="input" value="楼盘账号" onBlur="if(this.value=='') this.value='楼盘账号';" onFocus="if(this.value=='楼盘账号')
有效的捕获JavaScript焦点的方法小结

1. 设置元素可获得焦点以监听键盘事件元素聚焦最大好处就是可允许发送键盘事件,HTML很多元素默认就有可聚焦,如form表单元素,a锚链接等,但大部份默认是不能聚焦的.要使得元素能够聚焦,可以在HTML代码或JavaScript脚本中实现. html: 复制代码代码如下: <div tabIndex="0" style="height:100px;width:100px; background:red;"></div> JavaScrip
JS焦点图切换，上下翻转

复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu
js 获取坐标通过JS得到当前焦点(鼠标)的坐标属性

通过JS得到当前焦点的坐标如下是得到当前焦点的坐标: 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head
获取焦点时,利用js定时器设定时间执行动作

进入正题,先说说定时器. 在javascritp中,有两个关于定时器的专用函数,分别为: 1.倒计定时器:timename=setTimeout("function();",delaytime); 2.循环定时器:timename=setInterval("function();",delaytime); 第一个参数"function()"是定时器触发时要执行的动作,可以是一个函数,也可以是几个函数,函数间用":"隔开即可.比
比较炫的图片播放器 js 焦点效果代码

图片播放器_图片轮换_焦点效果 #focus_m{position:relative; width:420px; height:384px; background:#133775} .f_img_roll{width:350px; height:300px; position:relative;} .f_img_roll img{position:absolute; left:0; top:0; width:350px; height:300px;} .f_img_tree{position:a
详细总结Javascript中的焦点管理

焦点元素到底哪些元素可以获得焦点呢?默认情况下,只有表单元素可以获得焦点.因为只有表单元素可以交互 <input type="text" value="223"> 让非表单元素获得焦点也是有办法的,先将tabIndex属性设置为-1,再调用focus()方法 <div id="test" style="height:30px;width:100px;background:lightgreen">div
鼠标焦点离开文本框时验证的js代码

利用js来验证文本框的值复制代码代码如下: <script> function onblurs(){ if(frm.name.value==""){ alert("请输入您的名字!"); }else if(frm.funny.value==""){ alert("爱好不得为空哦!"); } } </script> <form name="frm"> <tr>
使用JS取得焦点(focus)元素代码

对于良好的用户体验来说,网站/web app的可访问性和可用性,以及功能都是至关重要的. 当我们的网站运行良好/体验很好的时候,用户是意识不到的,但我们做得不好时他们肯定会感觉到. 应用程序的可用性和可访问性的一个重要组成部分是输入焦点(focus)的处理,但这又是开发人员常常会忽视的一点. 对输入焦点处理很差的一个例子: 在点击一个链接以后打开一个窗口,但却不将光标聚焦到窗口中的任何元素内. 甚至更糟的是: 聚焦到模态窗口中的某个元素,但在关闭以后焦点照样不返回. 理想情况下,在触发链接时会

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

相关推荐

随机推荐