javascript中怎么设置文本框获得焦点

JavaScript020

javascript中怎么设置文本框获得焦点,第1张

代码如下:

<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('搜神马？')

})

})

让输入框获取焦点：

方法1：<body onload="document.getElementById('inputId').focus()">

方法2：

function init(){

document.getElementById("inputId").focus()

}

例如：

<body onload="document.getElementById('test').focus()">

我要获取焦点：<input type="text" name="test" id="test">

</body>

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、其次，在index.html中的<script>标签，输入jquery代码：$('input').focus()。

3、浏览器运行index.html页面，此时用jquery成功获取了input输入框的焦点。