tauri开发Mac电脑Safari浏览器一个很奇怪的问题:在 input 输入框输入的是全小写英文字母,会自动将首字母转换为大写解决办法

问题原因

在 Mac 系统中默认使用 Safari 的内核 WKWebView 作为渲染引擎,而 Safari 浏览器的一些 "人性化" 机制:如果输入框中输入的是全小写英文,会自动将首字母转换为大写。

解决办法

我只需要禁止这个默认的行为,即可解决这个问题。在 input 组件中添加 autoCapitalizespellCheckautoCompleteautoCorrect 等属性就能完美解决首字母自动转大写的问题。

javascript 复制代码
autocomplete="off"
autoCapitalize="off"
autoCorrect="off"
spellCheck="false"

因为我用的elementui,所以我的是el-input标签,其实和input标签一样

如果是AntdUI的话,也可以这样:

javascript 复制代码
const disabledAutoCapitalize = {
  spellCheck: false,
  autoComplete: 'off',
  autoCorrect: 'off',
  autoCapitalize: 'off',
}

const Com = () => {
  
  return (
    <div className="box">
	    <Input {...disabledAutoCapitalize} />
      {/*  other code*/}
    </div>
  )
}

export default Com
相关推荐
胡萝卜大王驾到通通闪开6 小时前
Mac m系列芯片安装node14版本使用nvm + Rosetta 2
macos
java叶新东老师8 小时前
ubuntu资源共享samba 安装与配置 mac/windows共享ubuntu文件资源
windows·ubuntu·macos
归辞...8 小时前
「iOS」————MRC
macos·ios·cocoa
扛麻袋的少年10 小时前
1.gradle安装(mac)
macos
光头才能变强10 小时前
Mac安装Navicat步骤Navicat Premium for Mac v17.1.9【亲测】
macos
FreeBuf_10 小时前
macOS “Sploitlight“漏洞曝光:攻击者可窃取Apple Intelligence缓存数据
macos
BenjaminQA12 小时前
python cli命令 cli工具命令 自定义cli命名 开发 兼容 window、mac、linux,调用示例
linux·python·macos·cli·cli命令
sean90812 小时前
Chrome 提示 “此扩展程序不再受支持”(MacOS/Windows)
chrome·windows·macos·扩展·支持
wr35410106612 小时前
Mac电脑使用IDEA启动服务后,报service异常
java·ide·spring boot·macos·tomcat·maven·java-consul
Misnice2 天前
Mac查看本机ip地址
网络协议·tcp/ip·macos