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

JavaScript011

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

})

})

<body onload="javascript:showLoginMeg('usrId','${loginForm.loginMsg}')">  //在body中定义事件  

function showLoginMeg(logobj,loginMsg){

        if ("" != loginMsg){

         //logobj.focus()   

         alert(loginMsg)

         document.getElementById(logobj).focus()  //此处的logobj是一个字符串 得把他转换成对象进行焦点的定位

        }

    }

<pre></pre>

<pre></pre>

<div class="translator-theme-default" id="translator-floating-panel" style="bottom:auto left:0px right:auto top:89px">

<div title="点击翻译" id="translator-floating-panel-button"></div>

</div>

<pre></pre>

<div class="translator-theme-default" id="translator-floating-panel" style="bottom:auto left:545px right:auto top:20px">

<div title="点击翻译" id="translator-floating-panel-button"></div>

</div>

    

        <div style="padding-top:20px">         

            <p style="font-size:12px">版权声明：本文为博主原创文章，未经博主允许不得转载。</p>

        </div>