div 添加失焦事件

1.hidefocus:为了在IE中生效；tabIndex：是让div失焦生效

2.代码

<div className={styles.block}><Title text="div标签失焦关闭" /><div>hidefocus:为了在IE中生效；tabIndex：是让div失焦生效</div><div className={styles.container}><divtabIndex="0"hidefocus="true"className={styles.user}onClick={() => this.setVisible()}onBlur={() => {this.setState({ visibles: false });}}><span className={styles.name}>user</span><UserPosition visibles={visibles} /></div></div></div>

div 添加失焦事件相关推荐

html div的点击事件,Jquery为DIV添加click事件的简单实例
今天在做一个抽奖活动时小编要做一个抽奖没有中奖之后直接弹出一个提示,然后再给div添加一个事件了,下面我们来看这个例子的做法. html jquery事件 $('#click_ms').click(f ...
vue中失焦事件和点击事件冲突，如何解决？
①可以通过添加setTimeout来实现(但是有时候会出问题,会失效) //设备号失焦事件blurInput(){setTimeout(() => {this.isShowAuto = fals ...
为iframe添加鼠标事件
1.关于iframe标签使用iframe元素会创建包含另外一个文档的内联框架(即行内框架).所以我们可以使用iframe标签,在一个页面嵌入另一个页面.通过指定iframe的src为另一个页面的路径 ...
Vue根据条件添加click事件
需求:根据特定条件,增加或者去掉click事件(例如:clickFlag == true时,添加click事件:clickFlag == false时,去掉click事件:) 解决方法: 方式一:在绑 ...
vue 回车事件失焦事件
在监听键盘事件时,我们经常需要检查常见的键值.Vue 允许为 v-on 在监听键盘事件时添加按键修饰符: <input @keyup.enter="submit"> 在 ...
js blur失焦事件与click点击事件冲突
场景:输入框绑定blur失焦事件,focus后点击按钮,触发了输入框的blur事件,但是按钮点击事件没有触发. 原因:blur失焦事件的优先级比click点击事件高. 解决方法: 1.都触发 blur ...
百度地图只显示某个省自定义标注点添加鼠标事件
小白初试,这里用广西省为例,但是感觉百度地图加载属实有点慢=.= 以下是完整代码 <!DOCTYPE html> <html lang="en"> < ...
css鼠标经过div1时div2消失,CSS_两个div叠加触发事件发生闪烁问题的解决方法，当鼠标移到div1上的时候，会出 - phpStudy...
两个div叠加触发事件发生闪烁问题的解决方法当鼠标移到div1上的时候,会出现div2.出现时div2在div1的上面,div2在出现后发生闪烁的问题. 于是开始找问题根源,发现原来是因为当我们触发 ...
react添加键盘事件（react-hook 监听键盘事件）
需求: 通过键盘的左右箭头按钮触发修改方框的位置实现基础数据 import React, { useState, useEffect } from 'react'; const ChangeBox ...

div 添加失焦事件

div 添加失焦事件相关推荐

最新文章

热门文章