首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如果以编程方式设置了focusin,则不触发focusout

如果以编程方式设置了focusin,则不会触发focusout事件。

focusin和focusout是DOM事件,用于处理元素获取焦点和失去焦点的情况。当元素获取焦点时,会触发focusin事件;当元素失去焦点时,会触发focusout事件。

通常情况下,当通过编程方式设置元素的focus时,会触发focusin事件,而当元素失去焦点时,会触发focusout事件。但是,如果以编程方式设置了focusin事件,那么在元素失去焦点时,不会触发focusout事件。

这种行为可以用于特定的场景,例如在某些情况下,我们希望在元素获取焦点时执行一些特定的操作,但在元素失去焦点时不执行其他操作。

腾讯云相关产品和产品介绍链接地址:

  • 腾讯云云服务器(CVM):提供可扩展的云服务器实例,满足各种计算需求。产品介绍链接
  • 腾讯云云数据库MySQL版:提供高性能、可扩展的MySQL数据库服务。产品介绍链接
  • 腾讯云云函数(SCF):无服务器的事件驱动型计算服务,帮助开发者更轻松地构建和管理应用程序。产品介绍链接
  • 腾讯云人工智能平台(AI Lab):提供丰富的人工智能服务和工具,包括图像识别、语音识别、自然语言处理等。产品介绍链接
  • 腾讯云物联网平台(IoT Hub):提供全面的物联网解决方案,帮助用户连接、管理和控制物联网设备。产品介绍链接
  • 腾讯云移动推送(TPNS):为移动应用提供高效可靠的消息推送服务,帮助开发者实现消息通知功能。产品介绍链接
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

DOM事件第二弹(UIEvent事件)

事件名 说明 focus 获得焦点,不冒泡 blur 失去焦点,不冒泡 focusin 获得焦点,冒泡 focusout 失去焦点,冒泡 DOMFocusin 获得焦点,不冒泡,遗留方案 DOMFocusout...失去焦点,不冒泡,遗留方案 3.1 代理事件的兼容处理方案 ie、opera、chrome等都支持focusinfocusout,但firefox不支持focusinfocusout。...); 设置addEventListener的第三个参数为true,表示在捕获阶段执行。...3.3 代码触focusin事件 我们这里需要做一个兼容方案处理,在现代浏览器下需要用focus来触发,因为我们绑定是focus事件。.... 4.2 注意 onpropertychanage事件,是属性值发生改变就会触发如果我们一个动作导致两个属性值改变,就会触发两次: <option value

2.8K90
  • React 事件初探

    “合成事件”会事件委托(event delegation)的方式绑定到组件最上层,并且在组件卸载(unmount)的时候自动销毁绑定的事件。...我们对各种事件进行去重复性处理兼容不同的浏览器,这一过程是由工作线程来完成的。...除Firefox浏览器外都可使用支持冒泡的 focusin/focusout 来代替 focus/blur 事件,Firefox会在捕获阶段监听 focus/blur 事件。...根据不同的浏览器对onmouseover事件、onscroll事件以及focusinfocusout事件的支持情况的不同,react进行了有针对性的处理,以下为react事件系统跨浏览器执行的部分代码实现...')) { // IE 浏览器支持的focusinfocusout事件 ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent

    1.8K00

    React事件初探

    “合成事件”会事件委托(event delegation)的方式绑定到组件最上层,并且在组件卸载(unmount)的时候自动销毁绑定的事件。...我们对各种事件进行去重复性处理兼容不同的浏览器,这一过程是由工作线程来完成的。...除Firefox浏览器外都可使用支持冒泡的 focusin/focusout 来代替 focus/blur 事件,Firefox会在捕获阶段监听 focus/blur 事件。...根据不同的浏览器对onmouseover事件、onscroll事件以及focusinfocusout事件的支持情况的不同,react进行了有针对性的处理,以下为react事件系统跨浏览器执行的部分代码实现...')) { // IE 浏览器支持的focusinfocusout事件 ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent

    1.1K80

    读Zepto源码之Event模块

    除了 focus 事件和 blur 事件外,现代浏览器还支持 focusin 事件和 focusout 事件,他们和 focus 事件及 blur 事件的最主要区别是支持事件冒泡。...因此可以用 focusin 和模拟 focus 事件的冒泡行为,用 focusout 事件来模拟 blur 事件的冒泡行为。...focus > focusin > blur > focusout 关于这几个事件更详细的描述,可以查看:《说说focus /focusin /focusout /blur 事件》 关于事件的执行顺序...由于 focusin/focusout 事件浏览器支持程度还不是很好,因此要对浏览器支持做一个检测,如果浏览器支持,则返回,否则,返回原事件名。...如果存在事件代理,并且事件为 focus/blur 事件,在浏览器不支持 focusin/focusout 事件时,设置为 true , 在捕获阶段处理事件,间接达到冒泡的目的。

    1.5K00

    React事件初探

    “合成事件”会事件委托(event delegation)的方式绑定到组件最上层,并且在组件卸载(unmount)的时候自动销毁绑定的事件。...我们对各种事件进行去重复性处理兼容不同的浏览器,这一过程是由工作线程来完成的。...除Firefox浏览器外都可使用支持冒泡的 focusin/focusout 来代替 focus/blur 事件,Firefox会在捕获阶段监听 focus/blur 事件。...根据不同的浏览器对onmouseover事件、onscroll事件以及focusinfocusout事件的支持情况的不同,react进行了有针对性的处理,以下为react事件系统跨浏览器执行的部分代码实现...')) { // IE 浏览器支持的focusinfocusout事件 ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent

    79810

    jQuery进阶前言

    下面看看它们的用法: 点击触发 $("#test").click(function() { alert("div被点击"); }); 当点击id为test...5、focusin()和focusout()事件: focusin()是获取焦点事件。比如有一个输入框,要在该输入框输入文字,我们首先得用鼠标点一下该输入框,这就叫获取焦点。...focusout()相反,就是失去焦点,用法和focusin()类似。 二、表单事件: 1、blur()和focus(): 这两个就是处理表单焦点的事件,blur()是失去焦点,focus是聚焦。...与focusin()和focusout()的区别就是这两个不支持冒泡处理。...5、$.post(): 与get()方法相比,post()方法多用于POST方式向服务器发送数据,服务器接收到数据之后,进行处理,并将处理结果返回页面,调用格式如下: $.post(url,data

    2.4K20

    前端开发JS——jQuery常用方法

    handlerOut(eventObject):当鼠标指针离开元素时触发执行的事件函数 7、jQuery鼠标事件之focusinfocusout事件 focusin 方法用于监听用户元素聚焦操作(如...(eventObject)) focusin 的参数是函数(回调函数),鼠标移入后会执行函数里的操作,如果里面含有this,this指向触发事件元素的对象 方法三:$ele.focusin ([eventData...('呱唧_T_呱唧', fn) } a(); 注:focusin 强调元素聚焦;focusout强调元素失焦,无论是不是自身调用聚焦/失焦方法,都会执行函数里面有部分操作...有四种方式触发submit事件: 、 、 、 当某些表单元素获取焦点时,敲击...如果提供第二参数,那么事件在往上冒泡的过程中遇到了选择器匹配的元素,将会触发事件回调函数 就是说向上冒泡匹配到的元素,由该元素执行回调函数的范围 16、卸载事件off()方法 通过on()绑定的事件处理程序

    4.9K20

    ipad上100vh和100%踩坑记「建议收藏」

    最近遇到了一个小bug,在ipad上编辑word文件的虚拟键盘收回时,会导致页面的导航条隐藏,且页面的下面会出现一块空白 自己尝试的解决方案 通过focusinfocusout对虚拟键盘的弹入弹出进行监听...我的理解是:focusinfocusout比较适合于监听对于文本输入框的键盘事件。 通过比较screen.availHeight和screen.height进行比较。...如果在虚拟键盘弹出时元素的高度等有变化,那么可以尝试通过这种方式判断虚拟键盘是不是弹出来了....另外,如上面的代码所示,父元素设置display:flex, 子元素设置flex: 1,按理说,子元素设置这个属性之后,就和父元素的宽高相同,但是要注意,在这里,子元素还设置position:...因此他的高度为绝对定位中的100%设置的高度,但是又设置overflow:hidden,因此才会在虚拟键盘隐藏时出现一部分空白,从而导致导航条的隐藏。

    1.3K10

    SkeVSS国标视频汇聚云服务使用Onvif、GB28181协议对监控ye摄像机设备进行PTZ云台控制

    今天我们讲解一下,如何通过SkeyeVSS平台实现对网络摄像机或者云台的PTZ控制,云台控制的方式主要通过两个途径: 1....SkeyeVSS后台,云台控制接口如下: http://[ip]:[port]/api/v1/ptzcontrol 接口调用详情可以通过后台接口文档/apidoc查看,云台控制接口文档说明如下: 图片 向右转动云台为例...,通道号为1的相机,设置云台速度是50(范围:0-100),接口调用示例: http://192.168.0.13:8888/api/v1/ptzcontrol?...": _cmd = uintptr(C.SKEYE_PTZ_CMD_TYPE_FOCUSIN) case "focusout": _cmd = uintptr(C.SKEYE_PTZ_CMD_TYPE_FOCUSOUT...ID来标识某一路摄像机,从而对其进行控制: 图片 如上图所示,我们通过http api接口发送云台控制名,其参数serial标识设备ID,code标识通道ID,发送向左云台相对位置移动命令,云台控制速度设置

    91330

    SkeyeVSS国标视频汇聚云服务使用Onvif、GB28181协议对监控摄像机设备进行PTZ云台控制

    今天我们讲解一下,如何通过SkeyeVSS平台实现对网络摄像机或者云台的PTZ控制,云台控制的方式主要通过两个途径:1....将前端页面请求发送给SkeyeVSS后台,云台控制接口如下:http://[ip]:[port]/api/v1/ptzcontrol接口调用详情可以通过后台接口文档/apidoc查看,云台控制接口文档说明如下:图片向右转动云台为例...,通道号为1的相机,设置云台速度是50(范围:0-100),接口调用示例:http://192.168.0.13:8888/api/v1/ptzcontrol?...":_cmd = uintptr(C.SKEYE_PTZ_CMD_TYPE_FOCUSIN)case "focusout":_cmd = uintptr(C.SKEYE_PTZ_CMD_TYPE_FOCUSOUT...GB/T28181协议接入设备云台控制网络摄像机或者硬盘录像机等设备通过GB28181国标协议接入SkeyeVSS平台后,即可以对设备进行云台控制,云台控制和Onvif协议方式类似,只是网页调用的接口有所区别

    50340

    浅谈JavaScript的事件(事件类型)

    有6个焦点事件:blur事件,元素失去焦点时触发事件,不会冒泡;focus事件,元素获得焦点时触发,不会冒泡;focusin事件,元素获得焦点时触发,会冒泡;focusout事件,元素失去焦点时触发,会冒泡...当用户在页面上由一个元素移动到另一个元素事件触发的顺序为:focusout事件,在失去焦点的元素上触发focusin事件,在获得焦点的元素上触发;blur事件,在失去焦点的元素上触发;focus事件,...即使有滚动条,依然能够正确计算。...键盘与文本事件   用户在使用键盘时会触发键盘事件,有3个事件:keydown事件,当用户按下键盘上任意键时触发如果按住不放会重复触发此事件;keypress事件,当用户按下键盘上的字符键时触发如果按住不放会重复触发此事件...其中keydown和keypress是在文本框发生变化之前触发,keyup是在文本框变化之后触发如果按下的是非字符集,则会触发keydown和keyup事件。

    1.8K50

    Python中tkinter模块的常用参数总结

    4、组件的放置和排版(pack,grid,place)pack组件设置位置属性参数: after:     将组件置于其他组件之后; before:    将组件置于其他组件之前...textvariable    可变文本,与StringVar等配合着用  Entry启用验证功能开关是vaildate  “focus”         当Entry组件获得或失去焦点的时候去验证  “focusin...”        当Entry组件获得焦点的时候去验证  “focusout”       当Entry组件失去焦点的时候去验证  “key”          当输入框编辑的时候验证  “all”          ...;Configure      当组件大小改变时触发;Deactivate       当组件由可用转变为不可用时触发;Destroy      当组件被销毁时触发;Expose...;FocusIn       当组件获得焦点时触发FocusOut       当组件失去焦点时触发;Property      当窗体的属性被删除或改变时触发

    83530

    ​React太劝退,通过anu学合成事件

    最主要的原因是: 浏览器原生实现中,event触发后会在DOM树中依次完成捕获->目标->冒泡。 在此过程中经过的DOM如果注册event handler,则handler会被调用。...比如在React中,表单组件的change事件的触发时机其实对标的是原生DOM中的input事件。 再比如在React中,focus事件是由原生DOM中的focusinfocusout实现的。...在不同事件的event handler中触发的setState会不同优先级执行。 合成事件的实现 以下实现的代码皆来自anu。...合成事件的实现原理很好理解: 在document绑定event handler,通过事件委托的方式监听事件 当事件触发后,通过e.target获取触发事件的DOM,找到DOM对应的fiber 从该fiber...(),依次调用event handler,模拟冒泡流程 接下来我们click事件举例: 调用addGlobalEvent('click')注册全局handler用于事件委托。

    63430
    领券