- 综合排序
- 最热优先
- 最新优先
- 来自专栏cnblogs
DOM事件第二弹（UIEvent事件）
一、uitls.js(绑定事件公共类) var fixs = { 'focusin': { standard: 'focus', ie: 'focusin' 事件名 说明 focus 获得焦点，不冒泡 blur 失去焦点，不冒泡 focusin 获得焦点，冒泡 focusout 失去焦点，冒泡 DOMFocusin 获得焦点，不冒泡，遗留方案 DOMFocusout 失去焦点，不冒泡，遗留方案 3.1 代理事件的兼容处理方案 ie、opera、chrome等都支持focusin和focusout，但firefox不支持focusin和focusout。 ', function(event){ console.log('focusin: ' + ( event.target || event.srcElement )); }, true 3.3 代码触focusin事件 我们这里需要做一个兼容方案处理，在现代浏览器下需要用focus来触发，因为我们绑定是focus事件。
3.2K90发布于 2018-01-17 - 来自专栏JS菌
梳理下常见的不冒泡事件
Focus 事件 事件触发顺序见下表： Event Type Notes User shifts focus focusin 第一个目标元素获得焦点之前触发 focus 第一个目标元素获得焦点之后触发 User shifts focus focusout 第一个目标元素失去焦点之前触发 focusin 第二个目标元素获得焦点之前触发 blur 第一个目标元素失去焦点之后触发 focus 第二个元素获得焦点之后触发 •blur 不冒泡 ❌•focus 不冒泡 ❌•focusin•focusout 要注意 blur 事件和 focus 事件都是不冒泡的，因获取和失去焦点本身就是针对这个元素的。 如果要坚挺具体的焦点变化情况，那么应该使用 focusin 和 focusout Mouse 事件 如果元素内部没有嵌套另一个元素，事件触发的顺序见下表： Event Type Element Notes mouseenter 不冒泡 ❌•mouseleave 不冒泡 ❌•mousemove•mouseout•mouseover•mouseup mouseenter/mouseleave 看这个单词也是跟 focusin
1.6K30发布于 2019-04-23 - 来自专栏魔术师卡颂
focus/focusin/focusout
速答： focusin与focusout事件会冒泡。 focus与blur事件不会冒泡。 ---- 什么元素能够focus 默认情况并不是所有元素都能获得焦点。 focusin/focusout focus与blur事件不会冒泡。如果想实现事件代理可以通过允许捕获实现。 form.addEventListener("blur", () => form.classList.remove('focused'), true); </script> 如果想在冒泡阶段实现事件代理，可以使用focusin
1K20发布于 2020-08-26 - 来自专栏柠檬先生
jquery鼠标事件
.'); }); .focusin() 将一个事件函数绑定到获得焦点事件上。 .focusin(handler) handler 每次事件出发会执行的函数。 .focusin([eventData],handler) eventData 一个对象，它包含的数据键值对映射将被传递给事件处理程序。 用法： $("p").focusin(function() { $(this).find("span").css('display','inline').fadeOut(1000
6.5K70发布于 2018-01-19 - 来自专栏HTML5学堂
2016.07 第3周 群问题分享
JavaScript focus/blur与focusin/focusout的区别与联系 2016.07.18~2016.07.22 核心内容 focus/blur与focusin/focusout 问题解析 focus/blur不冒泡，focusin/focusout冒泡 focus/blur兼容性好，focusin/focusout在除FireFox外的浏览器下都保持良好兼容性，如需使用事件委托，可考虑在
1.1K80发布于 2018-03-13 - 来自专栏Java学习网
前端开发JS——jQuery常用方法
与focusout事件 focusin 方法用于监听用户元素聚焦操作（如input元素），只有元素聚焦后才生效。 两者是很相似的，所以这只介绍focusin事件 方法一：$ele.focusin () focusin 无参，只是绑定一个事件，在函数里可以实现其他的绑定事件 方法二：$ele.focusin (handler (eventObject)) focusin 的参数是函数（回调函数），鼠标移入后会执行函数里的操作，如果里面含有this，this指向触发事件元素的对象 方法三：$ele.focusin ([eventData ('呱唧_T_呱唧', fn) } a(); 注：focusin 强调元素聚焦；focusout强调元素失焦，无论是不是自身调用聚焦/失焦方法，都会执行函数里面有部分操作 )) focusin 的参数是函数（回调函数），鼠标移入后会执行函数里的操作，如果里面含有this，this指向触发事件元素的对象 方法三：$ele.focus ([eventData], handler
6.3K20发布于 2021-10-13 - 来自专栏一枝花算不算浪漫的专栏
[jQuery学习系列四 ]4-Jquery学习四-事件操作
'; } $(this).next(".tips").html( tips ); } ); 19，focusin focusin事件就是获得焦点事件。 与focus事件不同的是：focusin可以检测该元素的后代元素获得焦点的情况(换句话说，focusin事件支持冒泡)。 事件绑定处理函数(可以绑定多个，触发时按照绑定顺序依次执行)： focusin是支持冒泡的，当我们把鼠标光标放入文本框时，该事件冒泡传递到父元素p上，因此可以在p元素上触发focusin事件。 var $ps = $("p"); //为所有p元素的focusin事件绑定处理函数 $ps.focusin( function(event){ $(this).css("border", "1px ", "3px"); } ); //触发所有p元素的focusin事件 //$ps.focusin( ); // 调用不带任何参数的focusin()函数，会触发每个匹配元素的focusin事件 20
5.4K90发布于 2018-05-18 - 来自专栏腾讯IVWEB团队的专栏
React 事件初探
除Firefox浏览器外都可使用支持冒泡的 focusin/focusout 来代替 focus/blur 事件，Firefox会在捕获阶段监听 focus/blur 事件。 根据不同的浏览器对onmouseover事件、onscroll事件以及focusin、focusout事件的支持情况的不同，react进行了有针对性的处理，以下为react事件系统跨浏览器执行的部分代码实现 ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent(topLevelTypes.topBlur, 'blur', mountAt); } else if (isEventSupported('focusin ')) { // IE 浏览器支持的focusin和focusout事件 ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent (topLevelTypes.topFocus, 'focusin', mountAt); ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent
2.2K00发布于 2017-05-02 - 来自专栏IMWeb前端团队
React事件初探
除Firefox浏览器外都可使用支持冒泡的 focusin/focusout 来代替 focus/blur 事件，Firefox会在捕获阶段监听 focus/blur 事件。 根据不同的浏览器对onmouseover事件、onscroll事件以及focusin、focusout事件的支持情况的不同，react进行了有针对性的处理，以下为react事件系统跨浏览器执行的部分代码实现 ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent(topLevelTypes.topBlur, 'blur', mountAt); } else if (isEventSupported('focusin ')) { // IE 浏览器支持的focusin和focusout事件 ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent (topLevelTypes.topFocus, 'focusin', mountAt); ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent
1.1K10发布于 2019-12-04 - 来自专栏web前端-
JQ事件和事件对象
alert(e.which) 10 }) 11 </script> 三 表单事件 1 focus () :获得焦点事件 2 blur()： 失去焦点事件 3 focusin change() :元素发生改变时，触发事件 6 select（）:当选中单行文本text或者多行文本areatext时，触发事件 7 submit() :表单提交事件 //focus()和focusin () 的区别 focusin可以在父元素上检测子元素获得焦点的情况 而focusout可以在父元素上检测子元素失去焦点情况 四 其他事件 1 scroll（）滚动滚动条时触发的事件
5.4K20发布于 2018-09-13 - 来自专栏IMWeb前端团队
React事件初探
除Firefox浏览器外都可使用支持冒泡的 focusin/focusout 来代替 focus/blur 事件，Firefox会在捕获阶段监听 focus/blur 事件。 根据不同的浏览器对onmouseover事件、onscroll事件以及focusin、focusout事件的支持情况的不同，react进行了有针对性的处理，以下为react事件系统跨浏览器执行的部分代码实现 ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent(topLevelTypes.topBlur, 'blur', mountAt); } else if (isEventSupported('focusin ')) { // IE 浏览器支持的focusin和focusout事件 ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent (topLevelTypes.topFocus, 'focusin', mountAt); ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent
1.4K80发布于 2017-12-29 - 来自专栏JavaEE
jQuery进阶前言
5、focusin()和focusout()事件: focusin()是获取焦点事件。比如有一个输入框，要在该输入框输入文字，我们首先得用鼠标点一下该输入框，这就叫获取焦点。 用法如下： 点击聚焦：<input type="text" /> $("input:first").focusin(function() { $(this).css('border','2px focusout()相反，就是失去焦点，用法和focusin()类似。 二、表单事件： 1、blur()和focus(): 这两个就是处理表单焦点的事件，blur()是失去焦点，focus是聚焦。 与focusin()和focusout()的区别就是这两个不支持冒泡处理。
3.3K20发布于 2018-10-09 - 来自专栏对角另一面
读Zepto源码之Event模块
除了 focus 事件和 blur 事件外，现代浏览器还支持 focusin 事件和 focusout 事件，他们和 focus 事件及 blur 事件的最主要区别是支持事件冒泡。 因此可以用 focusin 和模拟 focus 事件的冒泡行为，用 focusout 事件来模拟 blur 事件的冒泡行为。 /focusin /focusout /blur 事件》 关于事件的执行顺序，我测试的结果与文章所说的有点不太一样。 不过我觉得执行顺序可以不必细究，可以将 focusin 作为 focus 事件的冒泡版本。 由于 focusin/focusout 事件浏览器支持程度还不是很好，因此要对浏览器支持做一个检测，如果浏览器支持，则返回，否则，返回原事件名。
1.8K00发布于 2017-12-27 - 来自专栏老雷PHP全栈开发
jQuery基础教程之事件监听操作
touchmove 移动 touchend 触摸结束 键盘事件 keydown 键盘按下 keyup 键盘放开 表单事件 submit 表单提交 change 内容改变 focusin change","#text",function(event){ console.log(event.type) }) $(document).on("focusin
1.2K10发布于 2020-07-02 - 来自专栏全栈程序员必看
ipad上100vh和100%踩坑记「建议收藏」
最近遇到了一个小bug，在ipad上编辑word文件的虚拟键盘收回时，会导致页面的导航条隐藏，且页面的下面会出现一块空白 自己尝试的解决方案 通过focusin和focusout对虚拟键盘的弹入弹出进行监听 我的理解是：focusin和focusout比较适合于监听对于文本输入框的键盘事件。 通过比较screen.availHeight和screen.height进行比较。
1.6K10编辑于 2022-08-31 - 来自专栏前端自习课
【JS】310- 使用 focusout 事件，解决 iOS 键盘收起不归位问题
而与之相类似的有另外 2 个事件 focusin 和 focusout 则是可以冒泡的。 网上一些文章提到 focusin 和 focusout 是 IE 浏览器才支持的一种 DOM 事件。 这里我们用 setTimeout 来解决： <div @focusout="inputBlur" @focusin="inputFocus"> <input type="text" placeholder
3.9K10发布于 2019-08-09 - 来自专栏菩提树下的杨过
用Flex模拟智能手机表单输入的自动放大功能
</s:layout> <s:Label x="129" y="10" text="UserName"/> <s:TextInput x="96" y="30" id="txtName" focusIn ="131.5" y="65" text="Password"/> <s:TextInput x="96" y="85" id="txtPwd" displayAsPassword="true" focusIn
1.1K60发布于 2018-01-22 - 来自专栏国标视频云平台
SkeVSS国标视频汇聚云服务使用Onvif、GB28181协议对监控ye摄像机设备进行PTZ云台控制
channel * @apiParam {Number} channel 指定通道号 * @apiParam {String=stop,up,down,left,right,zoomin,zoomout,focusin C.SKEYE_PTZ_CMD_TYPE_ZOOMIN) case "zoomout": _cmd = uintptr(C.SKEYE_PTZ_CMD_TYPE_ZOOMOUT) case "focusin ": _cmd = uintptr(C.SKEYE_PTZ_CMD_TYPE_FOCUSIN) case "focusout": _cmd = uintptr(C.SKEYE_PTZ_CMD_TYPE_FOCUSOUT
1.3K30编辑于 2023-04-10 - 来自专栏站长的编程笔记
【说站】js中有哪些焦点事件
3、focusin等于focus事件，但它冒泡。 4、focusout是HTML事件blur的通用版本。
7.6K30编辑于 2022-11-24 - 来自专栏国标视频云平台
SkeyeVSS国标视频汇聚云服务使用Onvif、GB28181协议对监控摄像机设备进行PTZ云台控制
channel* @apiParam {Number} channel 指定通道号* @apiParam {String=stop,up,down,left,right,zoomin,zoomout,focusin uintptr(C.SKEYE_PTZ_CMD_TYPE_ZOOMIN)case "zoomout":_cmd = uintptr(C.SKEYE_PTZ_CMD_TYPE_ZOOMOUT)case "focusin ":_cmd = uintptr(C.SKEYE_PTZ_CMD_TYPE_FOCUSIN)case "focusout":_cmd = uintptr(C.SKEYE_PTZ_CMD_TYPE_FOCUSOUT
79240编辑于 2023-05-04
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号