focus和blur哪个先执行

针对focus和blur的Dom事件触发顺序

Dom事件触发顺序,拿文本框举例: 它会先触发focus事件,之后才会触发在有交点之后才能触发的一些如 click change 等事件(但如果有mousedown则先执行). 而相对于blur而言,它会在有焦点的时候处理click change等事件,之后如果再有blur那么才会被触发.

今天工作中遇到个问题,问题是这样的,一个form表单中有比较多的input标签,因为form中的input标签中的值都需要前端做客户端校验,由于本人比较懒而且特不喜欢用循环给每个input元素添加blur事件处理,感觉这样有损专业前端形象!想过用事件委托,然而focus.blur事件利用冒泡机制搞事件委托行不通啊,父级元素不支持focus.blur咋办???? 由此引发了对此问题的思考,人生就是这样,总觉得自己NB的不行,感觉自己什么都会,然而你在没遇到boss的时候打着小怪一直都会觉得自己天

jQuery 1.4版本的15个新功能（现在已经发布到jquery1.8,特别是增强版的live事件，支持 submit ， change ， focus 和 blur 事件）

1.jQuery()创建DOM元素:支持传参设置属性之前,jQuery可以通过 attr 方法设置元素的属性,既可传属性的名和值,也可以是包含几组特定属性名值对的对象.在 jQuery 1.4 中,你可以把一个参数对象作为附属参数传给 jQuery 函数本身,同时创建HTML元素. 比方说你想要创建一个带有几个属性的锚记元素(<a></a>).在1.4中,一切如此简单: jQuery('<a></a>',{ id:'foo', href:'http:

focus,focusin,blur,focusout区别

focus与focusin 1.共同点:当 <div> 元素或其任意子元素获得焦点时执行事件 2.区别:focus不支持冒泡,而focusin支持冒泡: blur与focusout 1.共同点:当 <div> 元素或其任意子元素失去焦点时执行事件 2.区别:blur不支持冒泡,而focusout支持冒泡:

jQuery focus、blur事件添加、删除类名

jQuery.focusblur = function(ele,className){ var focusblurid = $(ele); focusblurid.focus(function(){ var attr = focusblurid.attr("data-class"); if(!attr){ focusblurid.parent().children().addClass(className);//根据自己需要添加类名 focusblurid.attr("dat

focus 、blur和focusin，focusout的区别

$('input').focus(function(){///当前元素触发事件(特指表单) }); $('input').blur(function(){//当前元素触发事件 }); $('div').focusin(function(){//子节点也能被触发 }); $('div').focusout(function(){//子节点也能被触发 });

css的input文本框的 propertychange、focus、blur

1.输入框检查的需求--即时搜索--解决方案当input的value发生变化就会发生,无论是键盘输入还是鼠标黏贴的改变都能及时监听到变化,propertychange,只要当前对象属性发生改变.(IE专属的) 2.focus方法为当对象获取到焦点的时候所触发的事件 3.blur事件会在元素失去焦点的时候触发,既可以是鼠标行为,也可以是按tab键离开的

js焦点事件:onfocus、onblur、focus()、blur()、select()

焦点:使浏览器能够区分用户输入的对象,当一个元素有焦点的时候,那么他就可以接收用户的输入只有能够响应用户操作额元素才可以接收焦点事件,比如:a button input... onfocus:当元素获取到焦点的时候触发 onblur:当元素失去焦点的时候 obj.focus():给指定的元素设置焦点 obj.blur():取消指定元素的焦点 obj.select():全选当前的文字 odiv.onfocus = funcion(){} 链接

js表单的focus()与blur()方法

前段时间在多文本输入textarea中遇到点小问题,textarea在HTML是没有value属性的,但在js里的可以获取其value值. textarea禁止拉伸resize:none; (为了兼容IE低版的padding)可以将textarea的border去掉,禁止拉伸,在外层包个div层给padding值,这样就模拟了textarea的padding 表单焦点: //光标得到焦点 obj.focus(function(){ if($(this).val() ==this.defaultV

onfocus事件,onblur事件；Focus()方法,Blur()方法

<1> <pre name="code" class="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/19

使用 focus() 和 blur()

<html> <head> <style type="text/css"> a:active {color:green} </style> <script type="text/javascript"> function getfocus(){ document.getElementById('myAnchor').focus() } function lostfocus(){ document.getEl

BOM和DOM详解

DOM介绍 D(文档)可以理解为整个Web加载的网页文档,O(对象)可以理解为类似window对象只来的东西,可以调用属性和方法,这里我们说的是document对象,M(模型)可以理解为网页文档的树形结构,DOM树由节点构成节点种类:元素节点.文本节点和属性节点 DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API).DOM代表着被加载到浏览器窗口里的当前网页:浏览器向我们提供了当前网页的地图(或者说模型),而我们可以通过js去读取这张地图. BOM 主要处理浏览器窗口和框架

Selenium 中文API

Selenium 中文API 转自:http://blog.csdn.net/lh9529/article/details/3946567 概念 Selenium 通过命令进行驱动.Selenium 可归纳为三种“风格”:动作.辅助和断言.每一个命令调用就是下表中的一行. 命令目标值动作(Actions)命令一般用于操作应用程序的状态.它们通过如”点击链接”和”选择选项”的方式进行工作.如果一个动作执行失败,或是有错误,当前的测试将会停止执行. 许多动作可以被包含后缀”并等待”的方式进

javascript学习笔记 BOM和DOM详解

js组成我们都知道, javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其他的浏览器风格迥异. 1. DOM 是 W3C 的标准: [所有浏览器公共遵守的标准]2. BOM 是各个浏览器厂商根据 DOM在各自浏览器上的实现;[表现为不同浏览器定义有差别,实现方式不同]3. window 是 BOM 对象,而非 js 对象: DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API). BOM 主要

JavaScript学习总结（三）BOM和DOM详解

转自:http://segmentfault.com/a/1190000000654274 DOM介绍 D(文档)可以理解为整个Web加载的网页文档,O(对象)可以理解为类似window对象只来的东西,可以调用属性和方法,这里我们说的是document对象,M(模型)可以理解为网页文档的树形结构,DOM树由节点构成节点种类:元素节点.文本节点和属性节点 DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API).DOM代表着被加载到浏览器窗口里的当前网页:浏览器向我们提供了当前网

说说focus /focusin /focusout /blur 事件

事件触发时间 focus:当focusable元素获得焦点时,不支持冒泡:focusin:和focus一样,只是此事件支持冒泡:blur:当focusable元素失去焦点时,不支持冒泡:focusout:和blur一样,只是此事件支持冒泡: 以前一直以为所有事件都是支持冒泡的,都是可以cancel的,查阅了[MDN上相关资料](https://developer.mozilla.org/en-US/docs/Web/Events)后,才发现有些事件支持冒泡,有些事件并不支持冒泡:有些事件有默认行

focus /focusin /focusout /blur 事件

事件触发时间 focus:当focusable元素获得焦点时,不支持冒泡:focusin:和focus一样,只是此事件支持冒泡:blur:当focusable元素失去焦点时,不支持冒泡:focusout:和blur一样,只是此事件支持冒泡: 以前一直以为所有事件都是支持冒泡的,都是可以cancel的,查阅了[MDN上相关资料](https://developer.mozilla.org/en-US/docs/Web/Events)后,才发现有些事件支持冒泡,有些事件并不支持冒泡:有些事件有默认行

jQuery - focusin/focusout/focus/blur事件的区别与不同

focus与blur事件:不支持冒泡 focusin与focusout:支持冒泡事件触发顺序: 对于同时支持这4个事件的浏览器,事件执行顺序为focusin(聚焦) > focus > focusout(失焦) > blur HTML代码: <div class="parent"> <input type="text" /> </div> <div class="log"><

jquery失去焦点与获取焦点事件blur() focus()

以前我们在js中写input各种事件时都会直接在input中写,昨天开始我开始全面使用jquery了,现在来谈一下我对jquery blur() focus()事件的学习笔记. 对于元素的焦点事件,我们可以使用jQuery的焦点函数focus(),blur(). focus():得到焦点时使用,和javascript中的onfocus使用方法相同. 如: 代码如下复制代码 $("p").focus(); 或$("p").focus(fn) blur():失去焦点

js(jquery)解决input元素的blur事件和其他非表单元素的click事件冲突的方法

HTML结构:很简单,就一个input,一个div,能说明问题就OK了: <input type="text" value="默认值"><br/><br/><div>搜索</div> 想要实现的结果: 1.input框获取焦点时value为“”,失去焦点时value为“默认值”:-----这个很好实现: 2.当在input框中输入要搜素的内容后,点击div搜索,要求控制台打印输出要搜素的内容(当然每个项目的

focus和blur哪个先执行

针对focus和blur的Dom事件触发顺序

focus、blur事件的事件委托处理(兼容各个流浏览器)

jQuery 1.4版本的15个新功能（现在已经发布到jquery1.8,特别是增强版的live事件，支持 submit ， change ， focus 和 blur 事件）

focus,focusin,blur,focusout区别

jQuery focus、blur事件添加、删除类名

focus 、blur和focusin，focusout的区别

css的input文本框的 propertychange、focus、blur

js焦点事件:onfocus、onblur、focus()、blur()、select()

js表单的focus()与blur()方法

onfocus事件,onblur事件；Focus()方法,Blur()方法

使用 focus() 和 blur()

BOM和DOM详解

Selenium 中文API

javascript学习笔记 BOM和DOM详解

JavaScript学习总结（三）BOM和DOM详解

说说focus /focusin /focusout /blur 事件

focus /focusin /focusout /blur 事件

jQuery - focusin/focusout/focus/blur事件的区别与不同

jquery失去焦点与获取焦点事件blur() focus()

js(jquery)解决input元素的blur事件和其他非表单元素的click事件冲突的方法

热门专题