js请教文本框在失去焦的时候怎么样再重新获得焦点

JavaScript012

js请教文本框在失去焦的时候怎么样再重新获得焦点,第1张

你好,js和jquery都可以是文本框获取焦点

jquery中#("input").focus()获取焦点

js中input.onfocus()获取焦点

希望可以解决你的问题

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用以处理焦点移出和获取时事件处理!

<input type="text" placeholder="请输入" /> function isSupportPlaceHolder () {

var test = document.createElement('input')

return ('placeholder' in test)

}

if(!isSupportPlaceHolder()) {

var input = document.getElementsByTagName('input')[0]

input.onfocus = function () {

if(this.value == this.getAttribute('placeholder')) {

this.value = ''

}

}

input.onblur = function () {

if(!this.value) {

this.value = this.getAttribute('placeholder')

}

input.blur()

}

}

html5中提供了placeholder属性来做这个事情,所以我们可以先考虑使用浏览器提供的方法。

如果不支持这个属性,那么用js来实现。