javascript - 输入时转换输入语言

Question

我有一个接受阿拉伯语和英语两种语言的输入字段，我想要的是当我在这个输入中输入阿拉伯数字以在用户输入时将它们转换成英语，我希望它们从 [ '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'] 到 [' 0', '1', '2', '3', '4', '5', '6', '7', '8', '9']，我该怎么做？这是我的输入代码:

<input type="text" placeholder="Numbers should be converted from Arabic to English here">

Answer 1

在输入上使用 oninput 处理程序来监视文本字段中的更新。然后在输入元素的值上使用 String#replace 将所有数字替换为您需要的数字。

replace 方法可以接受一个函数，我在下面的代码中使用了该函数，通过它在映射数组中的索引将数字直接映射到阿拉伯语表示形式。

let map =  ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹'];

function change(el){
  el.value = el.value.replace(/\d/g, function(match){
    return map[match]
  })
}

<input type="text" placeholder="Numbers should be converted from Arabic to English here" oninput="change(this)">

**编辑**

我晕了。 OP 想从阿拉伯语转到英语。只需将 map 更改为将阿拉伯语表示形式映射到英语的对象，然后更改 replace 中的正则表达式以捕获阿拉伯语而不是数字。

let map =  {
  '۰' : "0", 
  '۱' : "1", 
  '۲' : "2", 
  '۳' : "3", 
  '۴' : "4",
  '۵' : "5", 
  '۶' : "6", 
  '۷' : "7",
  '۸' : "8", 
  '۹' : "9"
 };

function change(el){
  el.value = el.value.replace(/[۰۱۲۳۴۵۶۷۸۹]/g, function(match){
    return map[match]
  })
}

<input type="text" placeholder="Numbers should be converted from Arabic to English here" oninput="change(this)">