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的冒泡事件触发需要的功能。