JavaScript ersetzen Methode Stop Scrollen bis Ende

Question

Ich habe versucht, Übersetzer mit JavaScript ersetzen Methode und es funktioniert gut. Meine Frage ist, wie man das Scrollen bis zum Ende auf dem Textfeld stoppt, weil, wenn ich etwas in das Textfeld einfüge, es ersetzen wird und der Cursor zum Ende des Wortes gehen wird. Daher kann ich einige Wörter nicht ersetzen oder eintippen.

HTML-Code:

<form name="inputform"> 
<input class="Search" type="text" autofocus name="searchbox" onKeyUp="transcrire()" id="Search"> 
</form> 

JavaScript-Code:

var inp; 
function transcrire() { 
inp = document.inputform.searchbox.value; 
inp = inp.replace(/a/g, "B"); 
inp = inp.replace(/i/g, "D"); 
document.inputform.searchbox.value=inp; 
} 

Als ich "a" auf Textfeld eingegeben, wird es auf "B" ersetzen. Wenn ich "i" in Textfeld eingab, wird es zu "D" ersetzen. Wenn Sie mir bitte Antwort in JavaScript und JQuery geben können. Nur kann dieses Textfeld keine andere Schaltfläche oder etwas anderes verwenden.

Answer 1

einfach die anfängliche Zielposition erhalten und die Position zurück, wo es nach dem Austausch mit regex war .

var inp; 
 
$('#Search').on('keyup',function(e){ 
 
    var target = e.target, 
 
    position = target.selectionStart; 
 

 
    inp = $(this).val(); 
 
    inp = inp.replace(/a/g, "B"); 
 
    inp = inp.replace(/i/g, "D"); 
 
    $(this).val(inp); 
 
    $(this).get(0).setSelectionRange(position, position); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form name="inputform"> 
 
    <input class="Search" type="text" autofocus name="searchbox" id="Search"> 
 
</form>

Answer 2

Heres ein Beispiel, das ich aus dieser SO Post bekam: Set keyboard caret position in html textbox

function setCaretPosition(elemId, caretPos) { 
    var elem = document.getElementById(elemId); 

    if(elem != null) { 
     if(elem.createTextRange) { 
      var range = elem.createTextRange(); 
      range.move('character', caretPos); 
      range.select(); 
     } 
     else { 
      if(elem.selectionStart) { 
       elem.focus(); 
       elem.setSelectionRange(caretPos, caretPos); 
      } 
      else 
       elem.focus(); 
     } 
    } 
} 

Answer 3

var inp; 
 
$('#Search').on('keyup',function(e){ 
 
    inp = $(this).val(); 
 
    inp = inp.replace(/a/g, "B"); 
 
    inp = inp.replace(/i/g, "D"); 
 
    $(this).val(inp); 
 
    $(this).get(0).setSelectionRange(0, 0); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form name="inputform"> 
 
<input class="Search" type="text" autofocus name="searchbox" id="Search"> 
 
</form>