javascript里怎么聚焦到文本框文字后面去？

JavaScript027

javascript里怎么聚焦到文本框文字后面去？,第1张

我刚才测试了，除了刚进页面的时候聚焦光标是不在文字后面的其他的都在。我写了这样的代码，转换一下，获取下值，然后再赋值，光标自然就到文字后面了

<input type="text" value="一个">

<button>点击</button>

<script type="text/javascript">

$("button").click(function () {

var v = $("input").val()

$("input").focus().val(v)

})

</script>

代码如下:

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

})

})

鼠标焦点在文本框当然一直聚焦，你可以加一个全局flag=true判断标记，$(#txt_input).focus(function（）{if（flag）｛ alert("测试！")flag=false；｝｝

$(#txt_input).失去焦点：flag=true；