用自带的focus()就可以了
利用js中<input/>实现文本框默认获取输入焦点完整代码实现如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
//输入框获取鼠标焦点
function autoFocus(){
var pFocus = document.getElementById("password")
pFocus.focus()
pFocus.select()
}
</script>
</head>
<body onload="autoFocus()">
<div id="loginform">
<h1 style="font-size:1.5empadding:20px">输入密码</h1>
<form action="${pageContext.request.contextPath}/" method="post">
<input id="password" type="password" name="password">
<input type="submit" value="提交">
</form>
</div>
</body>
</html>
扩展资料:
JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说,我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义 。
参考资料:
JavaScript官方API接口-:focus
百度百科-JavaScript
W3cschool-获得字段焦点
$('input[name="name"]').on('input propertychange', function(event) {var _this = $(this)
var vals = _this.val()
if(vals!=''){
setTimeout(function(){
_this.next().focus()
},1000)
}
})
代码如下:<input name="pwuser" type="text" id="pwuser" class="input" value="楼盘账号" onBlur="if(this.value=='') this.value='楼盘账号'" onFocus="if(this.value=='楼盘账号') this.value=''" />
<input name="pwpwd" type="password" class="input1" value="******" onBlur="if(this.value=='') this.value='******'" onFocus="if(this.value=='******') this.value=''">
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('搜神马?')
})
})