h5开发，ios输入框乱码问题

场景：在开发h5页面的时候，测试测到input输入框使用ios原生输入法时，输入中文时，还未点击确认时将键盘收起，这时候拼写中文的英文被输入到input框中，导致input接收到了全角英文。而产生了乱码问题。

1. 需要将input框中的值遍历，将全角转换成半角。
2. 写这个文章是为了让大家方便检索，这类文章好像比较少
3. 代码

import React, {useState} from 'react'
import { Input, Button } from 'antd';

function DBC2SBC(str)
{
    var result="";
    for(var i=0;i<str.length;i++)
    {
        const code = str.charCodeAt(i);//获取当前字符的unicode编码
        if (code >= 65281 && code <= 65373)//在这个unicode编码范围中的是所有的英文字母已经各种字符
        {
            var d=str.charCodeAt(i)-65248;
            result += String.fromCharCode(d);//把全角字符的unicode编码转换为对应半角字符的unicode码
        }
        else if (code == 12288)//空格
        {
            var d=str.charCodeAt(i)-12288+32;
            result += String.fromCharCode(d);
        }
        else
        {
            result += str.charAt(i);
        }
    }
    return result;
}
export default () => {
  const [text, setText] = useState()
  // 在失去焦点的时候转换全角为半角然后替换输入框的值
  const getValue = () => {
    const a = DBC2SBC(text);
    setText(a)
  }
  return (
    <>
      <Input onBlur={getValue} value={text} onChange={(e) => setText(e.target.value)}/>
    </>
  )
}