文字の置換に関するJavaScriptの問題

Question

ぼかしとキー入力時の入力フィールドから<、>、&という特殊文字を置き換えようとしています。そしてコードはうまくいきますが、問題は、ユーザーが目的の文字列を入力してその文字列を編集しようとすると、カーソルが文字列の最後に移動するため、ユーザーはその間で文字列を編集できません。どのようにしてこのスクリプトをより使いやすくして、ユーザーがどこからでも既存の文字列を編集できるようにする。

HTML

<input type="text" class="prevent-special" name="name" value="HelloWorld" > 

スクリプト

$('.prevent-special').on('keypress blur',function(e){ 
    //console.log(e.keyCode); 
    $(this).val($(this).val().replace(/\<|\>|\&+/g,'')); 
}) 

JS Example

Answer 1

これを試してみてください：

$('.prevent-special').on('keyup blur',function(e){ 
 
    var start = this.selectionStart, 
 
     end = this.selectionEnd 
 

 
    $(this).val($(this).val().replace(/\<|\>|\&+/g,'')) 
 

 
    this.setSelectionRange(start, end) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 

 
<input type="text" class="prevent-special" name="name" value="HelloWorld" >