js中使文本框失去焦点的方法 js输入框失去焦点事件

js文本域获得焦点文字消失,失去焦点文字显示

//假如有个大文本域的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);

}

相关问答

Q1: js 怎样判断ipunt失去焦点

其实在失去焦点事件(blur)中，我们可以通过this传入的方式，将本元素传入到处理函数中。

下面我给你介绍下实现方式，具体的实现结构请调整为最合适自己项目的形式

input id="input1" type="text" onblur="inputOnblur(this)"

input id="input2" type="text" onblur="inputOnblur(this)"

function inputOnblur(input) {

  if (input.id == "input1")

    // do something

  else if (input.id == "input2")

    // do otherthing

}

此外，如果你的结构不方便在HTML中设置onblur，想通过事件注册的方式，可以在函数内部使用event.target来访问到具体的触发事件元素

Q2: 用angularjs怎么让text获得焦点和失去焦点

用焦点得到和失去来显示和隐藏text ，我的想法：onclick获得焦点可以用强制获得焦点document.getElementbyClasname(XX).focus();失去焦点以后做的事，可以用

onblur="XX_function()"或者jquery $("#p").focus(fn);

Q3: 关于js中事件监听的问题（文本框 回车键 失去焦点）

输入框加上事件 onkeyup="javascript:if(event.keyCode==13){你处理的函数;}"

如果不行,请贴出你的处理代码

Q4: js中怎么关闭文本框焦点事件

比如一个文本框中，光标在文本框中将会出发onblue 事件

光标从文本框中转移将会出发onfocus事件。

鼠标的移动到文本框上面会触发onmouseover事件，

从文本框中移除将会出发onmouseout事件。

注意光标和鼠标是不一样的。

Q5: document.getElementById("kw").focus()方法不生效，有什么方式能通过js使输入框获得焦点和失去焦点

你好，使用原生js必须

document.getElementById("kw").onfocus()

jquery中可以直接

$("#kw").focus()；获得焦点

关于js中使文本框失去焦点的方法和js输入框失去焦点事件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。