Methoden, die keine Texteingabe von rechts nach links mehr zulassen

Question

Wie kann man die Eingabe von Text von rechts nach links (wie Arabisch oder Hebräisch) in ein Eingabefeld verhindern oder zumindest erkennen?

Answer 1

您可以尝试使用input标签的dir属性来指定文本方向。

<input type="text" dir="ltr" placeholder="在此输入...">

如果这不能解决您的问题，您可以使用下面的javascript交互检查片段来实现。

<input type="text" id="textInput" placeholder="在此输入...">
<div id="result"></div>

<script>
const inputElement = document.getElementById('textInput');
const resultElement = document.getElementById('result');

inputElement.addEventListener('input', function() {
  const text = inputElement.value;
  const rtlRegex = /[\u0600-\u06FF\u0750-\u077F\u0590-\u05FF]/;

  if (rtlRegex.test(text)) {
    resultElement.textContent = '检测到从右到左的文本。';
  } else {
    resultElement.textContent = '未检测到从右到左的文本。';
  }
});
</script>

还要检查是否有其他CSS规则影响了您的input标签。