无法按照我输入的方式读取阿拉伯语输入文本的值 Javascript

Question

我正在尝试读取使用 javascript 以阿拉伯语输入的输入文本字段的值。

但是正如您在屏幕截图中看到的那样，它并没有按照我输入的方式获取文本。

当我尝试使用 js 代码读取输入的输入字段值时，输入字段右侧的数字“123”跳到了左侧。

请帮我解决这个问题。

下面是我使用的代码：

<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        html:lang(ar){
            direction: rtl;
        }
    </style>
</head>
<body>
    <input type="text" dir="rtl" name="" id="textbox">
</body>
</html>

提前致谢:)

Answer 1

如果您在控制台输出阿拉伯语RTL文本，它将以LRT方向显示。如果您在另一个 Html 字段中输出文本并为该字段设置了 RTL，它将正确显示

这是一个例子。将阿拉伯文本输出到另一个字段将正确显示。

    <!DOCTYPE html>
    <html lang="ar">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            html:lang(ar){direction: rtl;}
        </style>
    </head>
    <body>
    <input type="text" id="inputText" oninput="outputIt()">
    <div id="outputText"></div>
    </body>

    <script>
    function outputIt() {
document.getElementById("outputText").innerHTML = document.getElementById("inputText").value;
    }
    </script>
    </html>

无法按照我输入的方式读取阿拉伯语输入文本的值 Javascript

Unable to read the value of input text in arabic language in the same way I typed in Javascript

javascript

string

unicode

arabic

right-to-left