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

代码如下:

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覆盖在文本框上，可以更好的控制样式

</form>

jquery代码

代码如下:

$(function() {

$('#searchKey').focus(function() {

$('#lbSearch').text('')

})

$('#searchKey').blur(function() {

var str = $(this).val()

str = $.trim(str)

if(str == '')

$('#lbSearch').text('搜神马？')

})

<html>

<head>

<title>页面的标题</title>

</head>

<body>

~~~~

其它内容

~~~

document.getElementById("sss").focus()

</script>

</body>

</html>

让文本框活的焦点只需要完成两个步骤。第一，定位到这个标签。第二，让标签触发活的焦点事件。tabindex作为定位标签未知不可靠，如果未知有变动就会出错。最好的办法就是用id选择器，速度快，定位准确。然后利用js或者jquery中focus()方法即可让光标定位到文本框中。

应用扩展：普遍应用的案例就是在网站的登陆页中，为了更方便用户输入，进入页面后就定位到用户名密码的文本框，不用再动鼠标进行点击。增强了用户体验。

希望能够帮助到您。

欢迎分享，转载请注明来源：内存溢出

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