第13天 请说说focus、blur与focusin、focusout的区别是什么？

最新推荐文章于 2022-04-18 16:55:26 发布
最新推荐文章于 2022-04-18 16:55:26 发布
阅读量266 收藏
点赞数
分类专栏： 面试题 javascript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36529240/article/details/122009102
版权

focus:当focusable元素获得焦点时，不支持冒泡；
focusin:和focus一样，只是此事件支持冒泡；
blur:当focusable元素失去焦点时，不支持冒泡；
focusout:和blur一样，只是此事件支持冒泡；
对于同时支持这4个事件的浏览器，事件执行顺序为focusin > focus > focusout > blur

江-月*夜
关注
专栏目录
DOM事件笔记——焦点 blur / focus / focusout / focusin
Yomuki的博客
12-12 616
目标对象事件 是否支持冒泡 是否可取消默认行为 支持 注册方式 blur element 失去焦点 否 否 on / 监听 focus element 获得焦点 否 否 on / 监听 focusout element 失去焦点 是 否 IE9+ 监听 focusin element 获得焦点 是 否 IE9+ 监听 四者...
focus、focusin、blur、focusout的区别
qq_43654065的博客
09-10 3384
焦点事件在页面元素获得或失去焦点时触发，利用这些事件与document.hasFocus()和document.activeElement()属性配合，可以知道用户在页面上的行踪。 焦点事件： blur：元素失去焦点时触发。这个事件不会冒泡；所有浏览器都支持 focus：在元素获得焦点时触发。这个事件不会冒泡；所有浏览器都支持 focusin：在元素获得焦点时触发，与 HTML 事件 focus 等价，但它冒泡。 focusout：在元素失去焦点时触发。与 HTML 事件 blur 等价，冒泡。
focusout()与blur()的区别
goodgirl1991的专栏
02-20 4154
focusout()不仅可以检测出当前元素的失去焦点事件，其下的子元素失去焦点时同样可以检测出来。而blur()则检测不出子元素的失去焦点事件。
focus,focusin,blur,focusout区别
weixin_30284355的博客
08-11 314
focus与focusin 1.共同点:当 <div> 元素或其任意子元素获得焦点时执行事件 2.区别：focus不支持冒泡，而focusin支持冒泡； blur与focusout 1.共同点:当 <div> 元素或其任意子元素失去焦点时执行事件 2.区别：blur不支持冒泡，而focusout支持冒泡； 转载于:https://www.cnblogs...
JavaScript焦点事件（blur、focus与focusin、focusout的区别，焦点事件触发顺序）
热门推荐
TalonZhang的博客
11-20 1万+
焦点事件会在页面元素获得或失去焦点时触发。利用这些事件并与 document.hasFocus( ) 方法及 document.activeElement 属性配合，可以知晓用户在页面上的行踪。 焦点事件： blur：元素失去焦点时触发。这个事件不会冒泡；所有浏览器都支持 focus：在元素获得焦点时触发。这个事件不会冒泡；所有浏览器都支持 focusin：在元素获得焦点时触发，与 HTML ...
Focus事件与blur事件
kids_fan的博客
03-08 1万+
一、简介 Focus事件。当元素获得焦点时，触发focus事件。当通过鼠标点击或选中元素或通过tab键定位到元素时，该元素就会获得焦点。Focus()方法触发focus事件，或规定当发生focus事件是运行的函数。 Focus()，可以传入参数供函数处理。与focusin类似，两者区别在与，focusin可以在父元素上检测子元素获取焦点的情况。 Blur事件。当元素失去焦点时触发blur事件。Blur()函数触发blur事件或者如果设置了function参数，该函数也可规定当blur事件发生时执行的代码。
jquery focus(fn),blur(fn)方法实例代码
10-28
除了基本的 focus 和 blur 事件处理，JQuery 还提供了一些扩展功能，比如可以使用 .focusin() 和 .focusout() 来捕捉元素内部（如子元素）获得或失去焦点的情况，而 focus 和 blur 事件只能捕捉到元素自身的焦点变化...
javascript委托(Delegate)blur和focus用法实例分析
10-24
在例子中，一个列表和一个表单分别使用了mouseover、mouseout、focusin、focusout以及focus、blur事件进行处理，以适应不同浏览器的事件处理机制。 4. 事件委托的优势 - 减少内存占用：不需要为每个元素单独绑定...
focus和blur
最新发布
07-28
focusin和focusout是focus和blur的替代方法，它们与focus和blur的区别在于能否在父元素上检测子元素获取或失去焦点的情况。\[1\]另外，需要注意的是，blur和focus事件不支持冒泡，而focusin和focusout事件支持冒泡。...
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
11-26
一般利用这些事件与document.hasFocus()方法和document.activeElement属性配合。主要有： blur：元素失去焦点，不会冒泡； DOMFocusIn：同HTML事件focus，于DOM3遭废弃，选用focusin； DOMFocusOut：同HTML事件blur...
focus()表示获取焦点，blur()是指失去焦点
q285661571的专栏
05-03 6060
得到焦点（focus）是指将焦点放在了网页中的对象之上。失去焦点（blur）是指将焦点从当前对象中移开。 在HTML 4.01中规定a、area、label、input、select、textarea、button 元素可以拥有得到焦点和失去焦点事件，但大多数浏览器都支持body元素拥有得到焦点和失去焦点事件
【Android TV 开发】--＞Leanback 中的 HorizontalGridView
Kevin Learn Android
04-16 3361
LeanBack 是 Google 官方推出的 TV 端的功能库，里面包含了很多在 TV Android 端开发常用的控件，本文重点介绍其对 RecyclerView 适配 TV 端做的封装：HorizontalGridView 。
【Android TV 开发】--＞Leanback 中的 VerticalGridView
Kevin Learn Android
04-18 4245
LeanBack 是 Google 官方推出的 TV 端的功能库，里面包含了很多在 TV Android 端开发常用的控件，本文重点介绍其对 RecyclerView 适配 TV 端做的封装：VerticalGridView 。
Android setNextFocusDown不起作用
laughing_lh的专栏
07-08 2079
长话短说， 在开发TV或者机顶盒等项目的时候，不知道各位朋友是否有遇到这种情况，当你使用LeanBack的VerticalGridview或者 HorizontalGridview时，上面或者下面还有需要聚焦的控件的时候，发现setNextFocusDown或者setNextFocusUp都不起作用， 为什么不起作用，笔者查阅资料找到了问题， 其实在LeanBack的源码库有介绍，VerticalGridview默认拦截了焦点边界。 所以解决问题就一目了然了，在layout文件里Vertica
说说focus /focusin /focusout /blur 事件
weixin_34013044的博客
11-02 616
事件触发时间 focus:当focusable元素获得焦点时，不支持冒泡；focusin:和focus一样，只是此事件支持冒泡；blur:当focusable元素失去焦点时，不支持冒泡；focusout:和blur一样，只是此事件支持冒泡； 以前一直以为所有事件都是支持冒泡的，都是可以cancel的，查阅了[MDN上相关资料]（https...
Android layout属性详细说明
秦时明月
03-17 1362
看完之后我还能说什么呢？记住这个博客的地址吧，一个用心的博主： http://www.cnblogs.com/skywang12345/archive/2013/06/14/index.html Android layout属性详细说明     版本号 说明 作者 日期  1.0  添加Android4.2对应的View和TextV
focusin 事件| focusout事件
weixin_33778778的博客
02-27 816
focusin定义和用法 当元素（或在其内的任意元素）获得焦点时发生 focusin 事件。 当在元素或在其内的任意元素上发生 focus 事件时，focusin() 方法添加要运行的函数。 与focus()方法不同的是，focusin() 方法在任意子元素获得焦点时也会触发。 提示：当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。 提示：该方法通常与...
focusin&focusout和blur&focus事件的区别
weixin_43938560的博客
06-25 1334
focusin和focusout事件是处理表单焦点问题的 而focus和blur同样也是处理表单焦点问题的 那么二者有什么区别呢 他们之间的本质区别就在于：是否支持冒泡处理 focusin和focusout支持冒泡处理 blur和focus不支持冒泡处理 那么什么是冒泡事件呢？ 冒泡事件：当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级，一直到window 。（这里仅仅是传递的事件...
JQuery中focus()与blur()焦点事件
态度决定思路，思路决定出路！！！
10-10 7482
1.焦点事件focus()与blur() focus：获取对象焦点触发事件； $(function(){ $("xxx").focus(function(){ ............ }); });blur:失去对象焦点触发事件； $(function(){ $("xxx").blur(function(){ ...........
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值