解决微信小程序中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> 
相关推荐
lemon_yyds9 分钟前
OpenCode 最佳实践
前端
束尘10 分钟前
Vue3 项目集成 OnlyOffice 在线编辑 + 自定义插件开发(二):插入功能全实现
数据库·vue.js·mysql
用户527096487449017 分钟前
前端登录菜单加载性能优化总结
前端
你觉得脆皮鸡好吃吗18 分钟前
Check Anti-CSRF Token (AI)
前端·网络·网络协议·安全·csrf·网络安全学习
一个快乐的咸鱼19 分钟前
nextjs接入AI实现流式输出
前端
誰在花里胡哨36 分钟前
Vue<前端页面装修组件>
前端·vue.js
张元清1 小时前
Pareto 动态路由实战:[slug]、catch-all、嵌套布局
前端·javascript·面试
老王以为1 小时前
深入理解 AbortController:从底层原理到跨语言设计哲学
javascript·设计模式·node.js
fix一个write十个1 小时前
NativeWind v4 与 React Native UI Kit或三方库样式隔离指南
前端·react native
前端那点事1 小时前
Vue组件通信全场景详解(Vue2+Vue3适配)| 实战必备,新手也能看懂
vue.js