替换字符的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" >