は、単語の間に複数のスペースを使用できません。

Question

function stripspaces(input) 
{ 
    input.value = input.value.replace(/\s+/gi," "); 

} 

この機能を記述しました。それは動作していますが、私はマウスポインターを指すとき、または単語と宇宙を与えている間に左矢印で動いているとき、それは最後にジャンプしています。誰も私に解決策を与えることができますか？

Answer 1

e.preventingDefaultを入力して入力を防止することができます。スペースキーが押されたかどうかを簡単にテストし、カーソルの両側にスペースがある場合は入力を防ぎます。

document.addEventListener('DOMContentLoaded', function() { 
 
    
 
    var input = document.getElementById('myInput'); 
 
    input.addEventListener('keydown', function(e){  
 
     var input = e.target; 
 
     var val = input.value; 
 
     var end = input.selectionEnd; 
 
     if(e.keyCode == 32 && (val[end - 1] == " " || val[end] == " ")) { 
 
     e.preventDefault(); 
 
     return false; 
 
     }  
 
    }); 
 
});

<input type="text" id="myInput">

これはまだそれが二重のスペースをボックスにペーストを妨げないという問題があります。したがって、入力が複数の連続した空白を含んでいないことを確実にするために、複数のスペースをフォーカス損失に置き換える価値があります。