解决微信小程序中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> 
相关推荐
ZPC82104 小时前
如何创建一个单例类 (Singleton)
开发语言·前端·人工智能
紫_龙5 小时前
最新版vue3+TypeScript开发入门到实战教程之重要详解readonly/shallowReadOnly
前端·javascript·typescript
roamingcode6 小时前
前端 AI Agent 多智能体协作架构:从对抗式排查到工作流解耦
前端·人工智能·架构·agent·team
蓝莓味的口香糖7 小时前
【vue】初始化 Vue 项目
前端·javascript·vue.js
aikongmeng7 小时前
【Ai】Claude Code 初始化引导
javascript
光影少年8 小时前
数组去重方法
开发语言·前端·javascript
我命由我123458 小时前
浏览器的 JS 模块化支持观察记录
开发语言·前端·javascript·css·html·ecmascript·html5
weixin_443478518 小时前
Flutter第三方常用组件包之路由管理
前端·javascript·flutter
武藤一雄8 小时前
C# 异步回调与等待机制
前端·microsoft·设计模式·微软·c#·.netcore
啥都不懂的小小白9 小时前
前端CSS入门详解
前端·css