Kaedah yang tidak lagi membenarkan input teks dari kanan ke kiri

Question

Bagaimana untuk menghalang atau sekurang-kurangnya mengesan input teks kanan ke kiri (seperti bahasa Arab atau Ibrani) dalam kotak input?

Answer 1

Anda boleh cuba menggunakan atribut dir tag input untuk menentukan arah teks.

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

Jika ini tidak menyelesaikan masalah anda, anda boleh menggunakan coretan pemeriksaan interaktif javascript di bawah untuk berbuat demikian.

<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>

Semak juga sama ada terdapat sebarang peraturan CSS lain yang mempengaruhi teg input anda.