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

JavaScript018

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

//假如有个大文本域的ID叫txt1

/*

* jquery版

*/    

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

    $(this).val('获得焦点')

}).blur(function(){

    //清空文字

    $(this).val('')

})

/*

* javascript版，代码中绑定

*/

var txtareaObj = document.getElementById('txt1')

txtareaObj.onfocus = function(){

    this.value = "获得焦点"

}

txtareaObj.onblur = function(){

    this.value = ""

}

/*

* javascript 事件监听版 ,这个需要判断浏览器兼容性

*/

var txtareaObj = document.getElementById('txt1')

//获得焦点函数

var foucusHandler = function(){

    txtareaObj.val('获得焦点')

}

var blurHandler = function(){

    txtareaObj.val('')

}

try{  

    // Chrome、FireFox、Opera、Safari、IE9.0及其以上版本

    txtareaObj.addEventListener('focus',foucusHandler,false)

    txtareaObj.addEventListener('blur',blurHandler,false)

}catch(e){

    // IE8.0及其以下版本

    txtareaObj.attachEvent('onfocus',handle)

    txtareaObj.attachEvent('blur',handle)

}