自学内容网 自学内容网
自学内容网 > 正文

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

🕗 发布于 2024-10-10 08:16 macos  

问题原因

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

解决办法

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

autocomplete="off"
autoCapitalize="off"
autoCorrect="off"
spellCheck="false"

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

如果是AntdUI的话，也可以这样：

const disabledAutoCapitalize = {
  spellCheck: false,
  autoComplete: 'off',
  autoCorrect: 'off',
  autoCapitalize: 'off',
}

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

export default Com


原文地址：https://blog.csdn.net/weixin_44786530/article/details/142774057

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！

相关文章

自学内容网
Copyright © 2015-2024