解决微信小程序中input框被禁用后,电脑端小程序点击事件无效,手机端开发者工作和手机端正常

问题:input框被禁用后,电脑端小程序点击事件无效,手机端开发者工作和手机端正常。

解决方法:使用view包裹input标签,在view添加点击事件,input添加css:pointer-events:none; // 禁止鼠标事件

css 复制代码
 <view bindtap="chooseRegion">
      <input class="input" value="{{address.provinceName +  address.cityName + address.areaName}}" disabled="true"  placeholder="省份、城市、区县" style="pointer-events:none"/>
 </view> 
相关推荐
weedsfly14 小时前
前端开发中的代理模式——从 Vue 3 响应式到日常开发
前端·javascript·面试
Li.map14 小时前
CesiumJS 地图主题系统:用着色器打造实时滤镜
javascript·arcgis·cesium·着色器
用户2986985301414 小时前
在 React 中通过 JavaScript 实现 Excel 单元格、行与列的锁定保护
javascript·react.js·excel
এ慕ོ冬℘゜14 小时前
深入理解 JavaScript 事件对象:从 target 到 preventDefault 的实战指南
开发语言·前端·javascript
Listen·Rain14 小时前
Vue概述
前端·javascript·vue.js
尘世中一位迷途小书童14 小时前
Cesium 涟漪扩散点:自定义材质,参数调对了才好看
前端·面试
ttwuai14 小时前
Go 后台富文本图片上传失败排查:前端限制、接口和存储目录要一起看
前端·golang·状态模式
小雪_Snow14 小时前
JS 数组的遍历 —— 两种方式详解
前端·javascript
尽兴-14 小时前
传统 Java/Vue 系统如何一步步接入 AI 维护
java·vue.js·人工智能·ai·大模型
禅思院14 小时前
AI对话前端从入门到崩溃:一个长对话引发的五层优化战争【五】
前端·架构·前端框架