解决微信小程序中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> 
相关推荐
energy_DT6 分钟前
2026年十五五油气田智能增产装备数字孪生,CIMPro孪大师赋能“流动增产工厂”三维可视化管控
前端
龙猫里的小梅啊10 分钟前
CSS(四)CSS文本属性
前端·css
MXN_小南学前端16 分钟前
watch详解:与computed 对比以及 Vue2 / Vue3 区别
前端·javascript·vue.js
饭小猿人22 分钟前
Flutter实现底部动画弹窗有两种方式
开发语言·前端·flutter
让学习成为一种生活方式32 分钟前
pbtk v 3.5.0安装与使用--生信工具084
前端·chrome
heimeiyingwang36 分钟前
【架构实战】FinOps云成本优化实践
前端·chrome·架构
2601_949814691 小时前
Docker部署Spring Boot + Vue项目
vue.js·spring boot·docker
Mr Xu_1 小时前
从后端数据到前端图表:深入解析 reduce 与 flatMap 的数据整形实战
前端·javascript
玖玖passion2 小时前
Windows 上部署 Hermes Agent 完整指南 - 让你的 AI 助手在 WSL2 中跑起来
前端·后端·github