一个输入框,如何才算失去焦点? 我的一个输入框,有一个onfocus获得焦点响应函数,还有一个onblur失去焦点响应函数。当焦点就在这个输入框时,我在其它空白的地方点击,但是onblur并没有被执行,直到当我点击其他输入框、按钮,或者点击tab键时,onblur才执行。我想实现的功能是:只要鼠标离开输入框,并点击,onblur就执行。请问该怎么实现? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 不会啊<input type="text" onblur="javascript:alert('失去焦点');" />鼠标离开输入框,并点击,onblur就执行。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head id="Head2" runat="server"> <title>焦点onblur</title> <script type="text/javascript"> function mouseout(){ var content = document.getElementById("txtContent"); alert("失去焦点!"); } </script></head><body> <form id="form1" runat="server"> <div> <input id="Text1" type="text" style="width:150px;" onblur="javascript:mouseout();" /> </div> </form></body></html>这样????????? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head id="Head2" runat="server"> <title>焦点onblur</title> <script type="text/javascript"> function mouseout(){ var content = document.getElementById("txtContent"); alert("失去焦点!"); } </script></head><body> <form id="form1" runat="server"> <div> <input id="Text1" type="text" style="width:150px;" onblur="javascript:mouseout();" /> </div> </form></body></html> var obj= $E("input-text");obj.addEventListener("blur", function(e) { if (!obj.value) { obj.value = "随时随地轻松交友"; obj.style.height = "40px"; }}, false);<textarea style="display: inline-block; height: 40px; color: rgb(0, 0, 0);" id="input-text"> 随时随地轻松交友</textarea> if (!obj.value)是这个判断的问题?没有输入是好像不进入的 按道理说你鼠标在其他地方点击,就是失去这个文本框的焦点,是不是由于浏览器的区别呢? IE 5或者以上版本使用attacjEvent("onblur",function(e){})注册事件! 你直接在body里添加点击事件,在这个输入框里添加鼠标移出和鼠标移进事件var out = true;移出事件里写out=true;移近事件里写out=false;点击事件判断out是true还是false,是true就说明失去焦点了最后在判断失去焦点情况下用javascript控制这个输入框失去焦点 打错了..是attacchEvent("onblur",function(){}); typescrip 和javascript Jqeury 取iframe 的值 像最近的qq空间右上角那样的可以卷起的图片效果怎么实现 javascript关于全局变量的使用(在线等) 循环获取某个TABLE中的TD内容 ****请问:如何使输入金额数值标准化? 关于jquery的bind方法 web页面中导入的js文件的加载顺序 请问实现像CSDN论坛的树型菜单的效果????????????????????????? javascript中怎么禁止IE的打印功能 关于scrollIntoView()的作用?? 使用js控制网页视频全屏后退出
<input type="text" onblur="javascript:alert('失去焦点');" />
鼠标离开输入框,并点击,onblur就执行。
<head id="Head2" runat="server">
<title>焦点onblur</title>
<script type="text/javascript">
function mouseout(){
var content = document.getElementById("txtContent");
alert("失去焦点!");
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="Text1" type="text" style="width:150px;" onblur="javascript:mouseout();" />
</div>
</form>
</body>
</html>
这样?????????
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head2" runat="server">
<title>焦点onblur</title>
<script type="text/javascript">
function mouseout(){
var content = document.getElementById("txtContent");
alert("失去焦点!");
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="Text1" type="text" style="width:150px;" onblur="javascript:mouseout();" />
</div>
</form>
</body>
</html>
obj.addEventListener("blur", function(e) {
if (!obj.value) {
obj.value = "随时随地轻松交友";
obj.style.height = "40px";
}
}, false);<textarea style="display: inline-block; height: 40px; color: rgb(0, 0, 0);" id="input-text">
随时随地轻松交友
</textarea>
var out = true;
移出事件里写out=true;
移近事件里写out=false;
点击事件判断out是true还是false,是true就说明失去焦点了
最后在判断失去焦点情况下用javascript控制这个输入框失去焦点