jquery 怎么让输入框失去焦点

JavaScript010

jquery 怎么让输入框失去焦点,第1张

javascript通过 onFocus onBlur来判断焦点和失去焦点

<input type="text" id="p" onBlur="alert('lose focus!')"

onFocus="alert('get focus')" />

jquery $("#p").blur()$("#p").blur(fn)

或$("#p").focus()或$("#p").focus(fn)来处理焦点事件

前者：$("#p").blur()$("#p").focus()用来强制获取或失去焦点

后者：$("#p").blur(fn)，$("#p").focus(fn)则类似js的onBlur和onFocus用以处理焦点移出和获取时事件处理！

本文实例讲述了JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果。分享给大家供大家参考，具体如下：

思路：

1、首先用把密码框用txt暂时替代，并赋上默认值

<input

type="text"

value="请输入密码"

/>

2、当文本框获取焦点后，把默认值清空，把type改为password。

3、当文本框失去焦点后，把type改为txt，把默认值设为“请输入密码”。

JS代码：

window.onload=function(){

var

input=document.getElementById('input')

input.onfocus=function(){

if(this.value=='请输入密码'){

this.value=''

this.type='password'

}

}

input.onblur=function(){

if(!this.value){

this.type

=

'text'

this.value

=

'请输入密码'

}

}

}

HTML代码：

复制代码

代码如下:

<input

type="text"

value="请输入密码"

id="input"

/>

希望本文所述对大家JavaScript程序设计有所帮助。