最新的chrome input设置disabled后click事件失效【报Bug】

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： window10

HBuilderX类型：正式

HBuilderX版本号： 3.8.12

浏览器平台： Chrome

浏览器版本： 116.0.5845.97

项目创建方式： HBuilderX

示例代码：

<input placeholder-class="tui-phcolor" type="text" :readonly="true" value="getSelectName()" class="tui-input" placeholder="请选择" :class="txt_enable" @click="openSelect()" /> <input placeholder-class="tui-phcolor" :disabled=“true” value="getSelectName()" class="tui-input" placeholder="请选择" :class="txt_enable" @click="openSelect()" />

操作步骤：
<input placeholder-class="tui-phcolor" :disabled=“true” value="getSelectName()" class="tui-input" placeholder="请选择" :class="txt_enable" @click="openSelect()" />

预期结果：

disabled后可以点击

实际结果：

disabled后不能点击

bug描述：

在最新的chrome浏览器中，input设置disabled 后点击弹出事件失效；readonly属性也没法使用

2023-08-22 15:24 负责人:无分享

6 个回复

l***@qq.com

例子1：<input @click="start" disabled=“true”>

方案1：如果是input标签内@click改成@touchstart即可。

例子2：
<picker @change="start" >
<input @click="start" disabled=“true”>
<//picker>

方案2：如果是这种无法聚焦，改成样式方案：
<picker @change="start" >
<input @click="start" :class="{ 'disabled': true }">
<//picker>

<//style lang="scss">
.disabled {
pointer-events: none;
}
<//style>

1***@qq.com

添加样式：

.uni-input-input:disabled {  
    pointer-events: none;  
}

即可解决

ihgSherry

这个可以，安卓14也出现同样问题，用touchstart，ios键盘弹起时再点击这个输入框，touchstart事件触发，tap事件不触发，键盘不收起

2024-03-28 11:37

喜欢技术的前端 - QQ---445849201

复制你的代码，看到双引号不对，你检查一下:disabled="true"，我这边最新版，版本 116.0.5845.97（正式版本）（64 位），可以禁止点击

<input placeholder-class="tui-phcolor" :disabled=“true” value="getSelectName()" class="tui-input" placeholder="请选择" :class="txt_enable" @click="openSelect()" />

p***@163.com (作者)

引用输入正确也不行，这个是最新的chrome更新后，disabled后点击事件都失效了

2023-08-22 15:37
3***@qq.com

回复 p***@163.com: 好像是Chrome浏览器的问题，我换了safari 浏览器就没有这个问题，谷歌浏览器的版本 116.0.5845.96（正式版本） (arm64)

2023-08-22 16:20