blur focusout区别

focus,focusin,blur,focusout区别

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

blur与change事件在绝大部分的情况下表现都非常相似,输入结束后,离开输入框,会先后触发change与blur,唯有两点例外. 1.没有进行任何输入时,不会触发change 在这种情况下失焦后,输入框并不会触发change事件,但一定会触发blur事件.在判断表单的修改状态时,这种差异会非常有用,通过change事件能轻易地找到哪些字段发生了变更以及其值的变更轨迹. 2.输入后值并没有发生变更这种情况是指,在没有失焦的情况下,在输入框内进行的删除与输入操作,但最终的值与原值一样,这种情况

focusout([data],fn) 当元素失去焦点时触发 focusout 事件。

focusout([data],fn) 概述当元素失去焦点时触发 focusout 事件. focusout事件跟blur事件区别在于,他可以在父元素上检测子元素失去焦点的情况.大理石平台怎么样参数 fnFunctionV1.0 在每一个匹配元素的focusout事件中绑定的处理函数. [data],fnString,FunctionV1.4.3 data:focusout([Data], fn) 可传入data供函数fn处理. fn:在每一个匹配元素的focusout事件中绑定的处理函数.

web前端基础知识-（五）jQuery

通过之前的学习我们已经了解了html.css.javascript的相关知识:本次我们就共同学习进阶知识:jQuery~ 一.什么是jQuery? jQuery其实就是一个轻量级的javascript函数库,通过它我们可以"写的少做的多"; jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 二.jQuery使用 jQuery目前分为1.x

jQuery-1.9.1源码分析系列（十）事件系统——主动触发事件和模拟冒泡处理

发现一个小点,先前没有注意的 stopPropagation: function() { var e = this.originalEvent; ... if ( e.stopPropagation ) { e.stopPropagation(); } jQuery重载stopPropagation函数调用的本地事件对象的stopPropagation函数阻止冒泡.也就是说,阻止冒泡的是当前节点,而不是事件源. 说到触发事件,我们第一反应是使用$(...).click()这种方式触发click事

web前端基础知识 jQuery

通过之前的学习我们已经了解了html.css.javascript的相关知识:本次我们就共同学习进阶知识:jQuery~ 一.什么是jQuery? jQuery其实就是一个轻量级的javascript函数库,通过它我们可以"写的少做的多"; jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 二.jQuery使用 jQuery目前分为1.x

Jquery day02

jquery day01回顾语法: $("选择器") , $(dom对象) , $("<div>") 选择器: 基本:#id.element..class.s1,s2,... .* 层级:A B.A>B.A+B.A~B 基本过滤::first :last :eq() :gt() :lt() :even :odd :header :animated :focus 内容过滤::contains() :empty :parent :has

JS中的事件类型和事件属性的基础知识

周末无聊, 这几天又复习了下JS搞基程序设计3, 想着好记性不如浪笔头哇, 要么把这些东西写下来, 这样基础才能更加扎实么么哒, 知道的同学也可以直接过一下,当做复习, 小姨子再也不用担心我的学习啦: 从哪里开始呢?????? ??????? 事件的类型 DOM3规定了下面这几事件类型: UI事件:onload,resize,scoll等等; 焦点事件: 鼠标事件: 滚轮事件: 文本事件: 键盘事件: 变动事件:(用的也少): 变动名称事件,当元素的属性名发生改变的时候触发(没啥用, 要弄编辑

JQuery知识快览之二—事件

事件是脚本语言的核心.本文将为大家介绍JQuery支持的一些事件和如何自定义事件 JQuery内置事件 1.Document加载事件 JQuery提供了ready,load,unload三个Document加载事件.load和unload事件从1.8版开始就不赞成使用了,ready可以说是我们用得最多的一个事件.这是一个最特别的事件,所有的JQuery语句的执行都始于ready事件.一般都在这个事件的响应函数里绑定其他的响应函数,执行代码等. 相对于JavaScript的load事件来说,rea

jQuery之事件even

jQuery之事件 W3C:http://www.w3school.com.cn/jquery/jquery_ref_events.asp 一.事件列表 1.blur() 当失去焦点时触发.包括鼠标点击离开和TAB键离开. 2.change() 当元素获取焦点后,值改变失去焦点事触发. 3.click() 当鼠标单击时触发. 4.dblclick() 当鼠标双击时触发. 5.error() 当javascript出错或img的src属性无效时触发. 6.focus() 当元素获

jQuery慢慢啃之事件（七）

1.ready(fn)//当DOM载入就绪可以查询及操纵时绑定一个要执行的函数. $(document).ready(function(){ // 在这里写你的代码...}); 使用 $(document).ready() 的简写,同时内部的 jQuery 代码依然使用 $ 作为别名,而不管全局的 $ 为何. $(function($) { // 你可以在这里继续使用$作为别名... }); 2.on(events,[selector],[data],fn)//在选择元素上绑定一个或多个事件的事

jQuery api 学习笔记(1)

之前自己的jquery知识库一直停留在1.4的版本,而目前jquery的版本已经更新到了1.10.2了,前天看到1.10中css()竟然扩充了那么多用法,这2天就迫不及待的更新一下自己的jquery知识,以下内容是自己整理的,目的是对jquery最新版的用法熟悉起来,网上资料很多,高手直接跳过 ^_^. 不错学习资源: 1. http://www.css88.com/jqapi-1.9/ 这个很直观 2.http://www.jqapi.com/ 类似在线的chm 方便查询 #1 trigg

jQuery之事件

(一).事件列表. 1.blur() 当失去焦点时触发.包括鼠标点击离开和TAB键离开. 2.change() 当元素获取焦点后,值改变失去焦点事触发. 3.click() 当鼠标单击时触发. 4.dblclick() 当鼠标双击时触发. 5.error() 当javascript出错或img的src属性无效时触发. 6.focus() 当元素获取焦点时触发.注意:某些对象不支持. 7.focusin() 当元素或其子元素获取焦点时触发,与focus()区别在于能够检测其内部子元素获取

jquery on绑定事件

描述:给一个或多个元素(当前的或未来的)的一个或多个事件绑定一个事件处理函数.(1.7版本开始支持,是 bind().live() 和 delegate() 方法的新的替代品) 语法:.on( events [, childSelector] [, data ], handler ) 参数说明: 1.events - 事件(必须):String 一个或多个事件(或任意命名空间),比如"click"或 "keydown.myPlugin". 2.childSelect

02-老马jQuery教程-jQuery事件处理

1. 绑定简单事件在DOM中DOM0级绑定事件的方式是直接给事件属性赋值,但是这样有个缺点就是每次指定的事件处理程序会把之前的覆盖掉. jQuery简单绑定事件的方式,可以让我绑定多个事件处理程序跟DOM2级绑定事件的方式一样. 如果需要了解DOM的教程参考地址:https://chuanke.baidu.com/v5508922-239160-1771112.html 1.1 简单绑定click事件语法格式:click([[data],fn]) 参数: data 可以省略,给可传入到函数f

单机闭环使用Nginx+Lua开发高性能Web应用

[西域骆驼D1532101213]西域骆驼(VANCAMEL)D1532101213 休闲套脚鞋卡其43[行情报价价格评测]-京东 http://item.jd.com/1856564.html http://misc.360buyimg.com/??jdf/lib/jquery-1.6.4.js,jdf/1.0.0/unit/base/1.0.0/base.js,jdf/1.0.0/ui/ui/1.0.0/ui.js /* jdf- jquery-1.6.4.js Date:2014-

【jQuery】网上看到一个不错的登陆界面

预览截图如下: 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> <meta http-eq

jQuery的基本事件

1.用法     2.基本事件的总结   &

JQuery事件机制

1 事件操作 1.1 页面载入事件 $(document).ready(function(){ // 在这里写你的代码... }); 或者 $(function($) { // 你可以在这里继续使用$作为别名... }); 1.2 事件绑定 on(eve,[sel],[data],fn) 1.7+ 在选择元素上绑定一个或多个事件的事件处理函数 bind(type,[data],fn) 3.0- 请使用on() one(type,[data],fn) 为每一个匹配元素的特定事件(像click)绑定

前端开发工程师 - 03.DOM编程艺术 - 第1章.基础篇(上)

第1章.基础篇(上) Abstract:文档树.节点操作.属性操作.样式操作.事件 DOM (Document Object Model) - 文档对象模型以对象的方式来表示对应的html,它有一系列的规范 i.e. 在浏览器中,DOM是通过JS实现的. DOM: DOM Core:核心结构.API的定义 DOM HTML: 定义HTML如何转化成对象(HTML对应的对象)-- 操作节点 DOM Style:样式转换成对象 -- 操作样式 DOM Event:事件对象的模型 -- 响应用户的操

巴特西