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 小时前
CodeQL(Mac)安装与测试(Visual Studio)简明指南
ide·vscode·macos
明月(Alioo)14 小时前
机器学习入门,用Lima在macOS免费搭建Docker环境,彻底解决镜像与收费难题!
macos·docker·容器
小江村儿的文杰14 小时前
UE4 Mac构建编译报错 no template named “is_void_v” in namespace “std”
macos·ue4
MonkeyKing_sunyuhua15 小时前
mac怎么安装uv工具
python·macos·uv
猫头虎16 小时前
IDE mac M芯片安装报错:如何解决“InsCode.app 已损坏”,无法打开
ide·vscode·macos·inscode·编辑器·idea·mac
笑尘pyrotechnic17 小时前
push pop 和 present dismiss
macos·ui·ios·objective-c·cocoa
lichong95119 小时前
【混合开发】Android+Webview+VUE播放视频之视频解析工具mediainfo-Macos
android·macos·架构·vue·音视频·api·postman
小妖66621 小时前
mac 安装 nginx
运维·nginx·macos
魔道不误砍柴功21 小时前
Mac 能够连Wife,但是不能上网问题解决
网络·macos·php
daizhe21 小时前
Mac M4环境下基于VMware Fusion虚拟机安装Ubuntu24.04 LTS ARM版
ubuntu·macos