当前位置: 首页 > news >正文

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

问题原因

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

解决办法

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

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


http://www.mrgr.cn/news/45974.html

相关文章:

  • 离职后才知道的那些事儿
  • MySQL SQL 优化指南:主键、ORDER BY、GROUP BY 和 UPDATE 优化详解
  • stateflow一些数据依赖关系的使用
  • Ubuntu下v4l2采集摄像头视频
  • 项目开发--大模型--个人问答知识库--chain控制
  • en造数据结构与算法C# 之 动态规划
  • Nodejs连接Mysql笔记
  • springboot 整合 rabbitMQ(1)
  • 滚雪球学Redis[4.1讲]:Redis的高可用性与集群架构
  • 适合技术小白入门 AI 编程的六个场景
  • Deep tone mapping network in HSV color space
  • C# HttpClient请求URL重定向后丢失Authorization认证头信息 .Net Core Web Api
  • 后端指的是什么
  • Llama3 AI应用开发实战指南
  • 岸汇率和离岸汇率
  • [LeetCode] 315. 计算右侧小于当前元素的个数
  • GPT系列模型从GPT-1到InstructGPT的技术演进与未来展望
  • Java类之间的关系
  • springboot-网站开发-linux服务器部署jar格式图片存档路径问题
  • uniapp控制点击view事件,不包含子view区域