<input type="text" class="form-input" v-model="page.deptName" @click="showDp" disabled="true" placeholder="请选择" placeholder-class="form-input-placeholder" />
问：showDp事件失效，原浏览器可以
l***@qq.com
- 发布：2023-09-06 14:17
- 更新：2024-04-12 18:18
- 阅读：650
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： window10
HBuilderX类型： 正式
HBuilderX版本号： 3.8.12
手机系统： Android
手机系统版本号： Android 14
手机机型： win10桌面浏览器
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
disabled后可以点击
disabled后可以点击
实际结果：
disabled后不能点击
disabled后不能点击
bug描述：
最新版本本浏览器，input设置disabled后click事件失效，聚焦失效，浏览器版本Google Chrome116.0.5845.97，Microsoft Edge 116.0.1938.69
3 个回复
w***@gmail.com
应该是之前代码和你写出来的这个不一样吧，input禁用了就不响应任何事件了，不可能触发了。
5***@qq.com
// 兼容Chrome内核116及以上版本中配置disabled的input组件无法触发并冒泡click事件
.uni-input-input:disabled {
pointer-events: none;
}
JXWang
浏览器原生disabled input 元素也不支持触发 click 事件，可使用 touch 相关事件替代，touch 相关事件可以触发，或者设置以下全局样式修复