JS失去焦点事件有点搞不清楚,求老哥们帮帮忙

用jQuery写的,在一个文本框的失去焦点事件里,写了一个消息框,然后这个文本框再重新获得焦点,但一直循环弹文本框,
详情如下图图片

1

2个回答

alert()的时候失去焦点了,所以它一直在失去焦点

2
crazyxiaogu
crazyxiaogu 回复qq_36575316: 老哥,能否请问一下,你现在理解了么..我也碰到这个问题,和你一样的理解...
接近 2 年之前 回复
qq_36575316
qq_36575316 老哥,我是先alert()的,然后再获得焦点,失去焦点事件是失去焦点时触发的,所以alert()时不存在失去焦点吧,因为文本框早就失去焦点了,
接近 2 年之前 回复

input的页面失焦比脚本的聚焦要慢,所以你alert()的时候,input还没失焦完毕就已经被脚本聚焦了.当你点击alert的确定的时候,其实是在又在失焦了.如此反复,希望不要用这种方法.

1
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Js先触发失去焦点事件再执行点击事件解决方法
最近在做公司的某个从项目,基本设计和淘宝登陆页类似: 1)文本框内容为空是,文本框右侧无清除按钮,当有内容时立即显示清除按钮; 2)当文本框失去焦点时,清除按钮消失,获取焦点时若文本框内有内容,则显示清除按钮,否则不显示; 3)文本框再有内容且获取焦点的情况下,点击清除按钮,文本框内容置空,且清除按钮消失。 随后想了想,感觉是个很简单的需求,只要结合使用keyup和blur以及click时间
js 各种事件 如:点击事件、失去焦点、键盘事件等
事件驱动:         我们点击按钮 按钮去掉用相应的方法。                  demo:                           function func(){                      alert(1);                                        }         事件:
失去焦点和获得焦点发生事件(js)
失去焦点: onblur="hanshu(this)" 获得焦点: onfocus="hanshu(this)" {       alert('请确认您输入格式是否正确!');     } //函数名:chksafe //功能介绍:检查是否含有,//,/ //参数说明:要检查的字符串 //返回值:0:是 1:不是 function chksafe(a)
Javascript基础(四):获得焦点和失去焦点事件
1.获取ID的函数在说获取焦点和失去焦点事件之前,先说说封装获取ID的函数。一般在实际操作中,会经常用到提取某个元素的ID,如果每条都列,想必非常麻烦。一般如果有很多ID需要提取的情况基本都用提取ID的函数。 获取ID的函数如下: function $(id) { // $符号一般用作获取id的函数名,有时候也有人用$id作为函数名。在这里我们只需要获取一个变量。 ret
js事件-点击事件、失去焦点、键盘事件等
事件驱动:         我们点击按钮 按钮去掉用相应的方法。 demo:              <input type="button" value="点击" onclick="func()">              function func(){                      alert(1);                              ...
JS:文本框失去焦点事件、获得焦点事件
[导读]  文本框失去焦点事件、获得焦点事件onBlur: 当失去输入焦点后产生该事件onFocus: 当输入获得焦点后,产生该文件Onchange: 当文字值改变时,产生该事件Onselect:当文字加亮后,产生该文件 ...   [正文] 文本框失去焦点事件、获得焦点事件 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获
JavaScript--onblur失去焦点-触发事件
<body id="body"> <span id="regist"><h1> 注册页面 </h1> </span> <form action="" method="post"> <span class="z
input获取焦点和失去焦点
  js用法: onBlur:当输入框失去焦点后  onFocus:当输入框获得焦点后 onblur 是原生 js 的写法,可以直接写在元素的属性中或者在脚本中定义; <input type="text"  id="demo"  onblur=" demo() " >,或者 <script> function demo(){ //执行的函数  为空则为空 } ...
失去焦点和获得焦点发生事件(js)
失去焦点:onblur="hanshu(this)"获得焦点:onfocus="hanshu(this)"{      alert(请确认您输入格式是否正确!);    }//函数名:chksafe//功能介绍:检查是否含有,//,///参数说明:要检查的字符串//返回值:0:是 1:不是function chksafe(a){ return 1;/* fibdn = new Ar
js中常用的事件,onclick 单击事件、onblur 失去焦点事件、onchange改变事件、onmouseover鼠标进入事件、onmouseout鼠标移除事件、onsubmit提交事件
onclick 单击事件 onblur 失去焦点事件 onchange 当对象或选中区的内容改变时触发。 onmouseover 当用户将鼠标指针移动到对象内时触发。 onmouseout 当用户将鼠标指针移出对象边界时触发。 onsubmit 当表单将要被提交时触发。 1、静态点击事件 script type="text/javascript"> // A标签的点击事
angularjs 失去焦点事件
//失去焦点使用 jQuery 的扩展支持冒泡 app.directive('ngBlur', function($parse){ return function(scope, element, attr){ var fn = $parse(attr['ngBlur']); $(element).on('focusout', function(event){ fn(
input文本框获取焦点和失去焦点判断
onBlur:当输入框失去焦点后  onFocus:当输入框获得焦点后 这两个JavaScript事件是写在html标签中的例如: 使用jQuery的实现方法为:     对于元素的焦点事件,我们可以使用jQuery的焦点函数focus(),blur()。 focus():得到焦点时使用,blur():失去焦点时使用。 代码如下: $("input").focus(); 或$
js 焦点事件
onfocus:获取焦点 onblur:失去焦点 <!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title></title>     </head>
jquery 输入框失去焦点时 (blur)事件
jquery判断input输入框的值,用到input事件,blur事件,focus事件需求:当输入框有字或者正在输入时,右边的圆形取消按钮才出现。否则不出现。 //输入框正在输入时 $("#ipt").on('input',function(){ if(!($('#ipt').val()=='')){ ...
失去焦点事件和点击事件执行顺序
失去焦点事件和点击事件执行顺序 $(function(){ <!--先执行点击事件后执行失去焦点事件--> $(".class").blur(function(){ setTimeout(function(){ alert("-----blur----"); },500); }); $(".class").click(function(e){ alert("-...
移动端的获取焦点和失去焦点事件
var body = document.getElementById("swiper-container"); body.addEventListener('touchmove',function(event){ setTimeout(function(){ $("#bg_footer").show(); },100) },false); body.addEventListe...
javaScript input失去焦点自动保存事件
实现行编辑时;离开焦点自动保存输入数据 onfocus 事件  定义和用法  onfocus 事件在对象获得焦点时发生。 语法 onfocus="SomeJavaScriptCode" onblur 事件 定义和用法  onblur 事件在对象失去焦点时发生。 语法  onblur="SomeJavaScriptCode"
select标签选择后失去焦点
1 2 3
js中的获取焦点与失去焦点的运用
点击特定区域 input框不触发失去焦点事件
//给特定区域添加ID 绑定onmousedown 事件 document.getElementById('customModelItemMatch').onmousedown=function(e){ //现代浏览器阻止默认事件 if ( e && e.preventDefault ) e.p...
textarea焦点的用法(获取焦点清空,失去焦点提示)
效果图:
js和jquery 中获得文本框焦点和失去焦点的方法
javaScript中 onblur(): 鼠标离开对象(如文本框)时发生的事件,失去焦点 onfocus():鼠标落在对象(如文本框)上时发生的事件,获得焦点 例如:<input type="text" name="text1"  value="1111onblur_green"  onblur="(document.bgColor='green')">
点击按钮后input输入框不失去焦点 JS阻止默认事件
想实现一个登录界面常用的效果:点击按钮后切换input框的显示/隐藏密码 首先想到的是,在按钮的点击事件里调用focus()使input获得焦点,代码如下: &amp;lt;body&amp;gt; &amp;lt;input id=&quot;psw&quot; type=&quot;password&quot;&amp;gt; &amp;lt;button id=&quot;btn&quot;&amp;gt;显示/隐藏&amp;lt;/button&amp;gt; &amp;lt;/body&
js控制移动端的input失去焦点时隐藏键盘
原理:点击input输入完成后点击手机其他区域,手机键盘并没有隐藏,原因是当点击其他区域时input并没有失去焦点,解决的办法就是当点击屏幕其他区域时,使input失去焦点就可以了 代码: //手机键盘隐藏(简单粗暴版) $('body').on('touchend', function(el) { if(el.target.tagName != 'INPUT') { $('input...
如何当弹出的div失去焦点的时候自动隐藏(JS如何模拟鼠标点击X,Y坐标)
在开发中,我们经常会使用div作为弹出框,比如自定义select,搜索input的历史记录框等等,但是如何当弹出的div失去焦点的时候自动隐藏呢? 下面我总结了几个方法:第一种 在document.body上注册一个click事件的函数,然后判断下当前的click的事件的Element是否等于那个div,不是的话就消失。 例子: 定义一个点击input和一个id为box的弹出框<style>
input标签内容改变或失去焦点的触发事件
onchange事件与onpropertychange事件的区别:  onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发;onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有。 oninput事件与onpropertychange事件的区别:  oninput事件是IE之外的大多数浏览器支持的事件,在valu
动态监听文本框获取焦点与失去焦点事件
&amp;lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;&amp;gt; &amp;lt;HTML&amp;gt; &amp;lt;HEAD&amp;gt;   &amp;lt;TITLE&amp;gt; New Document &amp;lt;/TITLE&amp;gt;   &amp;lt;META NAME=&quot;Generator&quot; CONTENT=&quot;EditPlus&qu
js控制iphone端的input/textarea元素失去焦点时隐藏键盘
原文链接 问题的原由 同事在制作触屏页面的时候收到产品这样一个需求:“我们的页面为什么点击完textarea框,在点空白处时,iphone的键盘不能隐藏?” 我们就这个问题进行了测试,确实没有隐藏。看了看其它网站的页面,也是有的能隐藏有的不能隐藏。 IPHONE系统在点击document时textarea为什么没有失去焦点? 同样的问题我又在And
[js笔记] focus和blur事件之表单验证
focus 当一个元素获得焦点时,这个DOM节点会触发focus事件 blur 当一个元素失去焦点时,这个DOM节点会触发blur事件 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http
给下拉框追加OnBlur事件
&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;给下拉框追加OnBlur事件&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &amp;lt;select id=&quot;oSecId&quot;&amp;gt; &amp;lt;option&amp;gt;&amp;lt;/option&amp;g
js中的焦点事件问题
<br />在web页面中,经常要实现这样一个js功能:鼠标焦点落到输入框内,输入框原有默认值消失,当失去焦点时,如果用户未输入任何内容,怎还是显示默认值。<br /> <br />今天在修改一页面时,发现一个问题:在页面是可以实现上述功能,但提交表单后,由于在服务端数据校验不通过时(为测试服务端的校验功能,屏蔽了前端的js校验。),alert 弹提示框后,再history.back(-1);返回表单填写页时,表单中默认内容是用户输入的不合法的内容(到此处没问题),但是当鼠标焦点落到输入框内时,原有不合法的
table单击进入编辑状态、失去焦点发送数据到后台
本人qq:949670634 欢迎同行朋友与我进行技术交流 pageEncoding="utf-8"%> 资源常包管理            .all{ width:600px; height:375px; /*  border: 1px solid blue; */ margin-left: 200p
浏览器窗口失去和获得焦点
$(window).blur(function(){ //your code here console.log('window blur'); }); $(window).focus(function(){ //your code here console.log('window fouse'); });
元素从失去焦点到其他元素被点击期间的事件
假设我们正在填写一张表单,输入完文本内容后,点击提交按钮;那么在这期间,对于这两个表单元素来说都发生了哪些事件呢?<body> <input type="text" onblur="inputBlur()" onchange="inputChange()"> <button onclick="btnClick()" onmousedown="btnMouseDown()" onmo
JS 文本框失去焦点样式改变
文本框失去焦点样式改变
DOM事件 中的 focus 和blur
今天做一个表单验证时 ,遇到一个问题,利用form.addEventListener 绑定事件时,发现focus 不起作用 通过查阅资料 终于知道了问题出在哪里? (资料出处https://developer.mozilla.org/en-US/docs/Web/Events/   和   https://segmentfault.com/a/1190000003942014) 1.不是所有事
给div设置blur事件
Document .box{ width: 200px; height: 200px; background-color: #3295F2; } document.getElementById('box').onblur = funct
keyup.enter 和 blur 事件冲突的问题
处理 keyup.enter 和 blur 事件冲突的问题 有些场景想要在 input 里输入文字,当触发回车或者失去焦点时保存数据 但是当按下回车时往往又会同时触发 blur 事件 所以就会触发两次保存操作,对此有个小技巧,就是让回车触发失去焦点事件。 直接看代码吧 &amp;lt;input v-model=&quot;newValue&quot; type=&quot;text&quot; @blur=&quot;saveValue&quot; ...
失去焦点与点击事件冲突
在自定义select样式情况下,由于焦点事件会在点击事件之前先执行,如果在失去焦点事件设置时间延时,在体验上还是有点差距,所以我提供了另一个思路。 思路:判断鼠标点击坐标是否在自定义select范围内,不在范围内则执行失去焦点逻辑。(使用jquery) // 模拟select失去焦点事件 $("body").on("click", function(event){ var x =
jquery失去焦点与获取焦点事件blur() focus()
对于元素的焦点事件,我们可以使用jQuery的焦点函数focus(),blur()。 focus():得到焦点时使用,和javascript中的onfocus使用方法相同。 如:  代码如下 复制代码  $("p").focus(); 或$("p").focus(fn) blur():失去焦点时使用,和onblur一样。  如:
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 python培训老男孩 大数据培训是不是有点扯