uniapp h5 端 input 设置 disabled 点击事件失效

vue tytrock ⋅ 于 2023-12-07 18:39:45 ⋅ 819 阅读

问题:

今天突然发现以前的uniapp h5项目在中input在disabled后,点击事件不生效(之前是可以的)


解决方法:

给input中加一个css属性pointer-events: none;

<input :disabled="true" style="pointer-events: none" />

pointer-event属性可以指定在什么情况下元素可以成为鼠标事件

任何元素设置pointer-event:none的效果相当于input[type=text|button|radio|checkbox] 设置disabled 属性,可以实现事件的禁用


回复数量: 0
    暂无评论~~
    • 请注意单词拼写,以及中英文排版,参考此页
    • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
    • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
    • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
    • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
    Ctrl+Enter