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
相关推荐
猫头虎5 小时前
【Trea】Trea国内版|国际版|海外版下载|Mac版|Windows版|Linux下载配置教程
linux·人工智能·windows·macos·aigc·ai编程·agi
大可ai中文版镜像5 小时前
OpenAI Codex Desktop App 保姆级安装教程(Windows / Mac)
人工智能·macos·codex
文滨5 小时前
10分钟搞定!Mac 配置 GitHub SSH 完全指南(小白也能看懂)
前端·macos·ssh·github
明月(Alioo)6 小时前
macOS 上 Charles 代理 HTTPS 抓包失败问题完整解决方案
网络协议·macos·https
Rudon滨海渔村7 小时前
Mac录屏教程:只需要内录电脑声音,不需要麦克风声音
macos·免费·录屏·blackhole
00后程序员张1 天前
Windows 下怎么生成 AppStoreInfo.plist?不依赖 Xcode 的方法
ide·macos·ios·小程序·uni-app·iphone·xcode
boldiy1 天前
如何在MAC电脑中实现自动切换windows快捷键
windows·macos
张3蜂1 天前
Flutter macOS 安装文档
flutter·macos
Nan-h11 天前
Mac 剪贴板工具选型:先看工作流,再看 Maccy、Raycast、Paste 和 uPaste
macos·贴图
Rabbit_QL1 天前
【find的用法】macOS/Linux 下高效查找文件
linux·macos