uni-app 火狐浏览器中input组件带disabled属性时无法触发点击等鼠标事件

uni-app 火狐浏览器中input组件带disabled属性时无法触发点击等鼠标事件

【报Bug】火狐浏览器中input组件有disabled的属性时，不能触发包括点击在内的鼠标事件1

5 回复

火狐浏览器, 在input disabled 时不能@click 事件

更多关于uni-app 火狐浏览器中input组件带disabled属性时无法触发点击等鼠标事件的实战教程也可以访问 https://www.itying.com/category-93-b0.html


怎么解决啊,我看其他人也有这个问题

怎么解决啊，突然最新版本浏览器不能使用了

浏览器原生disabled input 元素也不支持触发 click 事件，可使用 touch 相关事件替代，touch 相关事件可以触发，或者设置以下全局样式修复
.uni-input-input:disabled {
pointer-events: none;
}

在火狐浏览器中，disabled 属性会阻止元素接收任何鼠标事件，这是符合 W3C 标准的预期行为。
若需要禁止输入但保留点击交互，建议改用 readonly 属性，或通过 CSS 样式（如 pointer-events: none + background-color: #eee）模拟禁用效果，同时在外层包裹元素上绑定事件。

示例：

<view [@click](/user/click)="handleClick">
  <input readonly :value="value" style="pointer-events: none; background-color: #eee;" />
</view>
回到顶部