在JQuery focusout上，确定新焦点是否是子元素 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

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

focusout([data],fn) $("p").focusout(); 当元素失去焦点时触发 focusout 事件。...focusout事件跟blur事件区别在于，他可以在父元素上检测子元素失去焦点的情况 change([[data],fn]) $('p').change(); 当元素的值发生改变时，会发生 change...与 mouseout 事件不同，只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。如果鼠标指针离开任何子元素，同样会触发 mouseout 事件。...它发生在当前获得焦点的元素上。注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。...它发生在当前获得焦点的元素上。不过，与 keydown 事件不同，每插入一个字符，就会发生 keypress 事件。注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。

2.7K8 0

JQ事件和事件对象

2 blur()：失去焦点事件 3 focusin() ：获得焦点事件 4 focusout() :失去焦点事件 5 change() :元素发生改变时，触发事件...select（）:当选中单行文本text或者多行文本areatext时，触发事件 7 submit() :表单提交事件 //focus()和focusin() 的区别 focusin可以在父元素上检测子元素获得焦点的情况...而focusout可以在父元素上检测子元素失去焦点情况四其他事件 1 scroll（）滚动滚动条时触发的事件 2 resize（）当调整窗口大小时触发的事件 //小案例（当滚动到一定高度出现搜索菜单...}) 5 event.which 针对键盘和鼠标事件，这个属性能确定你到底按的是哪个键或按钮...在mousedown、mouseup事件中，event.which属性返回的是对应鼠标按钮的映射代码值（相当于event.button）。

4.1K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

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

focusout([data],fn) $("p").focusout(); 当元素失去焦点时触发 focusout 事件。...focusout事件跟blur事件区别在于，他可以在父元素上检测子元素失去焦点的情况 change([[data],fn]) $('p').change(); 当元素的值发生改变时，会发生 change...它发生在当前获得焦点的元素上。注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。...它发生在当前获得焦点的元素上。不过，与 keydown 事件不同，每插入一个字符，就会发生 keypress 事件。注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。...构造函数传入选择器，返回的是一个jQuery的包装对象 // 大部分的api都是在jQuery包装对象上 // console.dir($inputArray); $inputArray.focus

6.5K0 0

day41_jQuery学习笔记_02

js中是：focus focusin事件跟focus事件区别在于：它可以在父元素上检测子元素获取焦点的情况。 focusout 失去焦点。...js中是：blur focusout事件跟blur事件区别在于：它可以在父元素上检测子元素失去焦点的情况。...() { // 示例：在js中，focus函数，父元素【不能检测】到子元素是否获得焦点 // $("#outerDiv").focus(function() {...// alert("outer"); // }); // 示例：在jQuery中，focusin函数，父元素【可以检测】到子元素获得焦点...例如：A.trigger("submit"); 类似：A.submit(); triggerHandler(type) 在每一个匹配的元素上触发某类事件。

3.9K2 0

jquery 使用方法

它是定义在jQuery构造函数上的方法，即jQuery.method()，所以可以直接使用。...而那些操作元素的方法，是定义在构造函数的prototype对象上的方法，即jQuery.prototype.method()，所以必须生成实例(即选中元素)后使用。...12 $.support() 判断浏览器是否支持某个特性。八、事件操作 jQuery可以对网页元素绑定事件。根据不同的事件，运行相应的函数。...) 子元素获得焦点 7 .focusout() 子元素失去焦点 8 .hover() 同时为mouseenter和mouseleave事件指定处理函数 9 .keydown() 按下键盘...() 按下鼠标 14 .mouseenter() 鼠标进入（进入子元素不触发） 15 .mouseleave() 鼠标离开（离开子元素不触发） 16 .mousemove() 鼠标在元素内部移动

1.6K1 0

4-Jquery学习四-事件操作

); } }); 11,trigger trigger()函数用于在每个匹配元素上触发指定类型的事件。...12,triggerHandler triggerHandler()函数用于在每个匹配元素上触发指定类型的事件。...focusin事件绑定处理函数(可以绑定多个，触发时按照绑定顺序依次执行)： focusin是支持冒泡的，当我们把鼠标光标放入文本框时，该事件冒泡传递到父元素p上，因此可以在p元素上触发focusin事件...，focusout focusout事件就是失去焦点事件。...与blur事件不同的是：focusout可以检测该元素的后代元素获得焦点的情况(换句话说，focusout事件支持冒泡，blur不支持)。效果同上。

4.5K9 0

JavaWeb18-jquery学习笔记（Java全栈开发）

:判断元素是否含有特定的样式 filter(...):筛选出与指定表达式匹配的元素集合 is(...):判断元素是否符合指定的选择器 has(...):含有特定后代的元素 not(...)...[start,end) map(fn):将一组元素转换成其他数组过滤: eq(index):索引等于获取指定索引的元素.如果是正数,索引从0开始;若是负数,倒着数从1开始....// 是否是span" id="b6"/> $("#b6").click(function(){ alert...可以在父元素上检测子元素获取焦点的情况 blur和focusout 失去焦点 <script type="text/javascript" src=".....ajax请求方式格式1: $.ajax(url,[settings]) 格式2:setting可以使用json格式 jQuery.ajax(settings) 参数: async 设置是否异步，true

6.8K9 0

jQuery设计思想

在Google里搜索"jQuery 培训"，此书排在第一位。jQuery官方团队已经同意，把此书作为官方教程的基础。这本书虽然是入门教材，但也足足有100多页。...而那些操作元素的方法，是定义在构造函数的prototype对象上的方法，即jQuery.prototype.method()，所以必须生成实例（即选中元素）后使用。....change() 表单元素的值发生变化 .click() 鼠标单击 .dblclick() 鼠标双击 .focus() 表单元素获得焦点 .focusin() 子元素获得焦点 .focusout...() 子元素失去焦点 .hover() 同时为mouseenter和mouseleave事件指定处理函数 .keydown() 按下键盘（长时间按键，只返回一个事件） .keypress(...） .mouseleave() 鼠标离开（离开子元素不触发） .mousemove() 鼠标在元素内部移动 .mouseout() 鼠标离开（离开子元素也触发） .mouseover()

2.2K6 0

jQuery进阶前言

前言：在《jQuery入门》一文中，记录了jQuery选择器、属性与样式和DOM操作等内容，本文将对jQuery的事件以及Ajax相关知识点进行讲解。接下来就一起来学习一下。...点击触发”上按下去的时候，会弹出mousedown的内容，松手的时候会弹出mouseup的内容。...5、focusin()和focusout()事件: focusin()是获取焦点事件。比如有一个输入框，要在该输入框输入文字，我们首先得用鼠标点一下该输入框，这就叫获取焦点。...focusout()相反，就是失去焦点，用法和focusin()类似。二、表单事件： 1、blur()和focus(): 这两个就是处理表单焦点的事件，blur()是失去焦点，focus是聚焦。...类似的event.currentTarget : 在事件冒泡过程中的当前DOM元素，等同于this。

2.4K2 0

前端入门6-JavaScript客户端api&jQuery

appendChild(HTMLElement) 为当前元素添加子元素 cloneNode(boolean) 拷贝一份当前的元素，返回新的HTMElement对象，参数设置是否拷贝当前元素的子元素 isEqualNode...(HTMLElement) 判断指定元素与当前是否相同，具有相同的class，相同的属性，相同的子元素 isSameNode(HTMLElement) 判断是否是同一个元素 removeChild(HTMLElement...ctrlKey 事件触发时是否有点击ctrl键键盘焦点事件 blur 在元素失去焦点时触发 focus 在元素获得焦点时触发 focusin 在元素即将获得焦点时触发 focusout 在元素即将失去焦点时触发...对象添加子元素 //方式1:在.main元素的子元素末尾加入新的子元素 $(".main").append(node1); $(".main").append("我是一个span元素"); //方式2:在.main元素的子元素开头加入新的子元素 $(".main").prepend("我是第一个span元素"); //方式3：替换掉所有子元素内容 $("

6.1K4 0

事件

想向DOM中添加一个新元素，所以必须确定页面已经加载完毕。 B. 新图片元素设置了src属性就会开始下载。所以必须在指定src元素之前先指定事件！了解了上述特性，我们可以在客户端预先加载图片。...事件说明 blur 在元素失去焦点时触发，不会冒泡 focus 在元素获得焦点时触发，不会冒泡 focusin 在元素获得焦点时触发，会冒泡 focusout 在元素失去焦点时触发，会冒泡当焦点从页面中的一个元素移动到另一个元素...，会依次触发下列事件：（1）focusout在失去焦点的元素上触发；（2）focusin在获得焦点的元素上触发；（3）blur在失去焦点的元素上触发；（4）DOMFocusOut...在失去焦点的元素上触发；（5）focus在获得焦点的元素上触发；（6）DOMFocusIn在获得焦点的元素上触发。...其中：blur、DOMFoucsOut和focusout的事件目标对象是失去焦点的元素；而focus、DOMFocusIn和focusIn的事件目标是获得焦点的元素。

3.3K5 1

【说站】js中有哪些焦点事件

js中有哪些焦点事件 1、blur当元素失去焦点时触发。事件不会冒泡，所有浏览器都支持。 2、focus当元素获得焦点时触发。事件不会冒泡，所有浏览器都支持。...4、focusout是HTML事件blur的通用版本。...实例 // 焦点事件：模拟输入框的placeholder功能 var oInput1 = document.getElementById("input1"); oInput1....oInput1.onblur = function () { oInput1.value = "请输入内容"; }; //oInput1.select(); 以上就是js中焦点事件的介绍...更多js学习指路：js教程推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。

6.4K3 0

DOM事件第二弹（UIEvent事件）

此节点应用于document的节点上（但不能在document上绑定此事件），可以绑定元素：body、img、frame、frameset、iframe、link、script。...onbeforeunload 提示用户是否关闭当前网页 abort 图片加载完成之前被用户终止时触发，元素：img；js对象：image error 资源加载出错被触发，元素：script、img、style...；js对象：window，image select 文本被选中触发，js对象：window 2.1 兼容点当load事件应用在script元素上时，在Ie不支持，需要用onreadystatechange...事件名说明 focus 获得焦点，不冒泡 blur 失去焦点，不冒泡 focusin 获得焦点，冒泡 focusout 失去焦点，冒泡 DOMFocusin 获得焦点，不冒泡，遗留方案 DOMFocusout...失去焦点，不冒泡，遗留方案 3.1 代理事件的兼容处理方案 ie、opera、chrome等都支持focusin和focusout，但firefox不支持focusin和focusout。

2.9K9 0

jQuery学习笔记

; }) }); $是在jQuery中使用的变量名，可以使用 jQuery.noConflict()避免冲突，它的返回值就是jQuery对象。...仅有一个子元素的元素 :empty 空元素，即无内容也无元素 :parent 非空元素节点漫游 1....事实上，jQuery的事件绑定机制也使用了这套数据接口。....focusout() jQuery扩展的失去焦点 .resize() 调整大小 .scroll() 滚动 .select() 被选择 .submit() 表单被提交键盘事件： .keydown()...Callbacks 事实上，`Deferred`机制，只是在`Callbacks`机制的上层进行了一层简单封装。`Callbacks`对象才是真正的jQuery中定义的原始的回调管理机制。

3.5K2 0

JQuery 文本输入框放大镜效果

通过JS不断的监听输入框值的变化(通过jquery中的keyup事件)，有值的话把内容值赋值给那显示div上去。...，但是Jquery目前没有这个事件。...但是我也试了下在window7 IE下有问题特别是IE9下有严重的问题！就是不支持这个东西！所以也没有用这个来监听。...4.就是对元素定位，目前支持四种定位分别为top（顶部），bottom(底部)，left（左侧），right(右侧)，JSFiddle demo中做了三种定位(上，右，下)。左侧一般不太可能。...5.绑定点击焦点和失去焦点事件。(点击焦点显示，失去焦点隐藏)等等。 2. 格式化一下显示方式：代码如下： ?

2.7K3 0

jQuery 教程

什么是事件？页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。实例：在元素上移动鼠标。... 元素是元素的父元素，同时是的子元素左边的元素是的父元素，的子元素，同时是的后代。...右边的元素是的父元素，的子元素，同时是的后代。元素是右边的的子元素，同时是和的后代。...对DOM元素数组进行排序，并移除重复的元素 $.uniqueSort() 对DOM元素数组进行排序，并移除重复的元素 $.data() 在指定的元素上存取数据，并返回设置值 $.hasData() 确定一个元素是否有相关的...开始已经过时，确定 Deferred 对象是否已被拒绝 deferred.isResolved() 从jQuery1.7开始已经过时，确定 Deferred 对象是否已被解决 deferred.notify

17K2 0

jQuery学习笔记之DOM操作、事件绑定（2）

这个方法的返回值是一个指向已被删除的节点的引用。 empty(): 清空节点 – 清空元素中的所有后代节点(不包含属性节点)。...复制节点 clone(): 克隆匹配的 DOM 元素, 返回值为克隆后的副本. 但此时复制的新节点不具有任何行为....注意: 若在替换之前, 已经在元素上绑定了事件, 替换后原先绑定的事件会与原先的元素一起消失 //段落 //方式一...判断是否含有某个样式：hasClass() — 判断元素中是否含有某个 class, 如果有, 则返回 true; 否则返回 false。...遍历节点取得匹配元素的所有子元素组成的集合: children(). 该方法只考虑子元素而不考虑任何后代元素.

1.5K1 0

杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

map(callback)，将一组元素转换成其他数组（不论是否是元素数组） has(expr|ele)，保留包含特定后代的元素，去掉那些不含有指定后代的元素。...可以在父元素上检测子元素获取焦点的情况。...blur和 focusout 失去焦点[同理] mouseover和 mouseenter 移进 mouseover, 如果鼠标指针穿过任何子元素，同样会触发 mouseover 事件 mouseout...可以用同样的方法解决元素上的问题阻止默认行为网页中的元素都有自己默认的行为,例如:单击超链接后悔跳转,单击”提交”按钮会表单会提交,有时需要阻止元素的默认行为在jquery中,提供了preventDefault...举一个例子,在项目中,经常需要验证表单,在单击”提交”按钮是,验证表单内容,例如元素是否是必填字段,某元素长度是否够6位,单表单不符合提交条件时,要阻止表单的提交 eg: $(“#sub”).bind(

8.3K2 0

前端架构师之01_JQuery

获取第一个子元素 :last-child 获取最后一个子元素 :only-child 如果当前元素是唯一的子元素，则匹配 :nth-last-child(index/even/odd/公式) 选择所有它们父元素的第...([[data],function]) 当元素的值发生改变时触发表单事件 focusin([data],function) 在父元素上检测子元素获取焦点的情况表单事件 focusout([data]...,function) 在父元素上检测子元素失去焦点的情况表单事件 select([[data],function]) 当文本框（包括和）中的文本被选中时触发表单事件...在jQuery中对Ajax的操作方法中，$.ajax(url,[options])是底层方法。...7.3 jQuery UI jQuery UI是在jQuery基础上新增的一个库。特点：拥有强大的可扩展功能，具有吸引人的漂亮页面，能够更轻松地在网页中添加专业级的UI元素。

680 0

jquery鼠标事件

用法：　　　　在页面上所有段落上触发click事件　　　　$("p").click(); .dblclick() 　　为双击事件绑定一个事件处理函数，或者触发元素双击事件。...用法：　　在页面上所有段落上触发dblclick事件　　$("p").dblclick(); 　　　　$('#target').dblclick(function() { 　　　　　　...alert('Handler for .dblclick() called.'); 　　}); .focusin() 　　将一个事件函数绑定到获得焦点事件上。　　....focusout() 　　将一个事件函数绑定到失去焦点事件上。　　.focusout(handler) 　　　　handler 　　　　　　每次事件出发会执行的函数。　　....hover() 　　将两个时间函数绑定到匹配元素上，分别当鼠标指针进入和离开元素时被被执行。

4.5K7 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭