在vue环境实现div focus blur焦点事件
onfocus获取焦点事件与onblur失去焦点事件本身是input类用的div想支持则需要加上tabindex="0"属性//0或者以上但是在vue环境中,加上这个也不支持,而移动端无法使用鼠标事件<div tabindex="0" hidefocus="true" ref="aside" class="aside" @click="dialaing()" @blur='()=>{d
·
onfocus获取焦点事件与onblur失去焦点事件本身是input类用的
input类如果是点击后才加载的话需要做个延时器,否则会报错
setTimeout(()=>{ this.$refs.aside.focus() },100)
div想支持则需要加上tabindex="0"属性//0或者以上
但是在vue环境中,加上这个也不支持,而移动端无法使用鼠标事件
<div tabindex="0" hidefocus="true" ref="aside" class="aside" @click="dialaing()" @blur='()=>{dialaingIsShow =false}'>
<div v-show="dialaingIsShow" class="dialaing">dsadasd</div>
</div>
dialaing(){
this.$refs.aside.focus()
this.dialaingIsShow = true
},
就可以了
更多推荐
已为社区贡献6条内容
所有评论(0)