ios的H5页面input触发onfocus事件无效解决方案

本文介绍了一个iOS设备上H5页面中input元素在修改value值时不会触发onfocus事件的问题,并提供了一种解决方案:通过在input元素上方覆盖一个具有较高z-index的div,绑定点击事件来触发input的focus事件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ios的H5页面使用input时,在修改input的value的值时,不会触发onfocus事件。解决方案:

<div class="input_type" style="position: absolute; width: 92vw; text-align: left; z-index: 99;"  @click="bgcolor('2')">米/秒</div>
<div style="width:60vw; height: 100%; float: right; z-index: 0;">
    <div class="unit_km">m</div>
     <input id="input_sec2" v-model="msec" placeHolder="选择该项输入速度" class="input_sec" type="number"/>
</div>

JS部分

bgcolor(str){
                    document.getElementById("input_sec"+str).focus();
                }

方法核心:使用z-index属性,在input的图层上方用absolute的position覆盖一个div,绑定div点击事件触发input的focus事件,即通过别的div的冒泡事件触发需要的功能。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值