解决微信小程序中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> 
相关推荐
Mintopia3 分钟前
别再迷信“最佳实践”:适合你项目的才是对的
前端·架构
console.log('npc')3 分钟前
react弹窗组件
前端·javascript·react.js
前端大波8 分钟前
Vue 项目中让 AI 更稳:AGENTS.md + Prompt 模板实践
vue.js·人工智能·prompt
LlNingyu10 分钟前
文艺复兴,什么是CSRF,常见形式(二)--SameSite属性
前端·网络·安全·web安全·csrf
一点 内容11 分钟前
深入浅出:解锁React Hooks的魔法——从入门到实战优化指南
javascript·react.js·ecmascript
紫_龙14 分钟前
最新版vue3+TypeScript开发入门到实战教程之组件通信之一
前端·vue.js·typescript
故以往之不谏15 分钟前
JAVA--类和对象4.1--构造方法基础
java·开发语言·javascript
2501_9151063217 分钟前
Flutter 开发工具有哪些 跨平台项目开发与上架实操指南
android·flutter·ios·小程序·uni-app·iphone·webview
yivifu19 分钟前
接近完美的HTML文本双行合一排版
前端·javascript·html·双行合一
fxshy20 分钟前
前端直连模型 vs 完整 MCP:大模型驱动地图的原理与实践(技术栈Vue + Cesium + Node.js + WebSocket + MCP)
前端·vue.js·node.js·cesium·mcp