解决微信小程序中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> 
相关推荐
xuchengxi-java11 分钟前
Vue3使用Vue Router4實現頁面切換
前端·javascript·vue.js
前端组件开发16 分钟前
基于Vue.js的电商前端模板:Vue-Dashboard-Template的设计与实现
前端·javascript·vue.js·小程序·前端框架·uni-app·html5
恰小面包29 分钟前
微信小程序怎么使用本地存储
微信小程序·小程序
五点六六六1 小时前
深入解析Cookie机制:从操作实践到安全属性详解
前端·javascript·面试
!!!!!!!!!!!!!!!!.1 小时前
记一次小程序渗透
笔记·安全·web安全·小程序
知道了啊1 小时前
webpack源码深入--- webpack的编译主流程
前端·webpack
学习做游戏中1 小时前
layui在表格中嵌入上传按钮,并修改上传进度条
前端·javascript·layui
迷途的小朋友1 小时前
从零开始三天学会微信小程序开发(三)
微信小程序·小程序·notepad++
ZhouWei的博客2 小时前
Flutter Android打包aab包
android·前端
Chnsome2 小时前
antv/x6@2.x + vue3 开发环境配置
前端