5***@qq.com
5***@qq.com
  • 发布:2023-12-19 20:35
  • 更新:2024-01-08 17:35
  • 阅读:335

【报Bug】input组件的@click事件在部分新手机的运行环境(小米14、OPPO 一加 pro等)中不能触发

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 10 专业版 22H2

HBuilderX类型: 正式

HBuilderX版本号: 3.98

手机系统: Android

手机系统版本号: Android 14

手机厂商: 小米

手机机型: 小米14pro

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<input style="text-align: right" type="text" placeholder="请输入内容" @click="openDialog()" disabled="true" class="inputText"
/>

操作步骤:
<input style="text-align: right" type="text" placeholder="请输入内容" @click="openDialog()" disabled="true" class="inputText"
/>

预期结果:

点击input,触发openDialog方法

实际结果:

点击input,无法触发openDialog方法

bug描述:

<input style="text-align: right" type="text" placeholder="请输入内容" @click="openDialog()" disabled="true" class="inputText"
/>

部分新手机无法触发click、tap事件,导致无法执行点击方法。

2023-12-19 20:35 负责人:无 分享
已邀请:
z***@163.com

z***@163.com

你好,问一下您出现问题的机型,点击输入框,是否能调用手机键盘?

2***@qq.com

2***@qq.com

我的也是这样的,input加disabled就无法触发click和tap

  • 5***@qq.com (作者)

    // 兼容Chrome内核116及以上版本中配置disabled的input组件无法触发并冒泡click事件

    .uni-input-input:disabled {

    pointer-events: none;

    }

    2024-01-15 10:16

  • 2***@qq.com

    回复 5***@qq.com: 这个写在哪

    2024-01-15 15:50

  • 汉鑫电子

    回复 2***@qq.com: 我是把楼上的样式,写到app.vue里边,就可以了

    2024-03-01 14:35

要回复问题请先登录注册