方法1：<body onload="documentgetElementById('inputId')focus()">
方法2：
function init(){
documentgetElementById("inputId")focus();
}
例如：
<body onload="documentgetElementById('test')focus()">
我要获取焦点：<input type="text" name="test" id="test">
</body>
焦点在HTML和JS中是只光标。
焦点在JS和HTML里是在页面上屏幕中闪动的小竖线，鼠标点击就可获得光标，Tab键可按照设置的Tabindex来进行切换焦点。
示例：
<divid="demo"></div>
<divid="test"></div>
<divid="one"></div>
<divid="two"></div>
<divid="three"></div>
<divid="fore"></div>
<divid="five"></div>
<divid="six"></div>
<script>
function$(id){
returndocumentgetElementById(id);
}
$("demo")stylebackgroundColor="green";
//调用方法
$("test")stylebackgroundColor="blue";
$("one")stylebackgroundColor="orange";
$("two")stylebackgroundColor="red";
$("three")stylebackgroundColor="purple";
$("fore")stylebackgroundColor="#f6e71f";
$("five")stylebackgroundColor="#5153ff";
$("six")stylebackgroundColor="#ff1496";
//调用函数，并直接修改盒子的背景颜色
扩展资料
jquery判断input输入框的值
//输入框正在输入时
$("#ipt")on('input',function(){
if(!($('#ipt')val()=='')){
$("cancle_ico")removeClass('hide');
}else{
$("cancle_ico")addClass('hide');
}
})
//输入框得到焦点时
$("#ipt")on('focus',function(){
if(!($('#ipt')val()=='')){
$("cancle_ico")removeClass('hide');
}else{
$("cancle_ico")addClass('hide');
}
})
//输入框失去焦点时
$("#ipt")on('blur',function(){
if(($('#ipt')val()=='')){
$("cancle_ico")addClass('hide');
}else{
$("cancle_ico")removeClass('hide');
}
})
设置焦点 <html> <head> <title>设置焦点</title> <mce:script language ="javascript"><!-- function init(){ var ctrl=documentgetElementById("UserName"); ctrlfocus(); } // --></mce:script> </head> <body onload="init()" > <h1>设置焦点</h1> 姓名：<input type="text" id="UserName"> </body> </html> 判断控件是否获得焦点 if(documentactiveElementid="txtIdHouse") { } 判断哪个控件获得焦点 var act = documentactiveElementid; act就是现在获得焦点控件的id值
你可以在它的onactivate()内做处理
是body的方法应该是所有对象都有,from,window 都可以
onactivate() 当对象设置为活动元素时触发。
OnDeactivate() 当对象设置为非活动元素时触发
明白了吗
孩子，function addListener(element, e, fn) {} 这是定义方法，后面那两个是调用前面定义的方法，你单独把定义的那方法提到前面是可行的。文档的解析是顺序的，要想都在前面，那就加入body的onload事件中。
至于第一个问题，你确定直接写个values，ie中会直接找到那个name的element吗？而且，在谷歌中，每点一下input，都会报错
下面这是ie下报的错
代码如下:
<input name="pwuser" type="text" id="pwuser" class="input" value="楼盘账号" onBlur="if(thisvalue=='') thisvalue='楼盘账号';" onFocus="if(thisvalue=='楼盘账号') thisvalue='';" />
<input name="pwpwd" type="password" class="input1" value="" onBlur="if(thisvalue=='') thisvalue='';" onFocus="if(thisvalue=='') thisvalue='';">
jquery实现方法
对于元素的焦点事件，我们可以使用jQuery的焦点函数focus(),blur()。
focus()：得到焦点时使用，和javascript中的onfocus使用方法相同。
如：
代码如下:
$("p")focus(); 或$("p")focus(fn)
blur()：和onblur一样。
如：
代码如下:
$("p")blur(); 或$("p")blur(fn)
实例
代码如下:
<form>
<label for="searchKey" id="lbSearch">搜神马？</label> 这里label覆盖在文本框上，可以更好的控制样式
<input id="searchKey" type="text" />
<input type="submit" value="搜索" />
</form>
jquery代码
代码如下:
$(function() {
$('#searchKey')focus(function() {
$('#lbSearch')text('');
});
$('#searchKey')blur(function() {
var str = $(this)val();
str = $trim(str);
if(str == '')
$('#lbSearch')text('搜神马？');
});
})
以上就是关于如何用JS让一个输入框获得焦点全部的内容，包括:如何用JS让一个输入框获得焦点、HTML和JS中所谓的“焦点”是指什么、js 设置焦点 判断控件是否获得焦点 判断哪个控件获得焦点等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）