使用 Jquery 进行文本自动格式化：将 --> 转换为 →

Question

如何让jquery/javascript检测何时在文本字段中键入-->并将其替换为→？

像下面这样的事情是最好的方法吗：

$("input").on("keyup paste", function() {
  var content = $(this).html(),
  arrow =  "→";
  content = content.replace(regex, arrow);
  $(this).html(content);
});

Answer 1

您可以将String#replace与正则表达式一起使用来替换字符串的所有匹配项。

注意：input元素具有value，请使用val()获取其值。

$("input").on("keyup paste", function () {
    $(this).val(function (i, val) {
        return val.replace(/-->/g, '→');
    });
});

$("input").on("keyup paste", function () {
    $(this).val(function (i, val) {
        return val.replace(/-->/g, '→');
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" />

我建议使用change事件而不是keyup.

Answer 2

试试这个：

$("input").on("keyup paste", function() {
  var content = $(this).val();
  arrow =  "→";
  content = content.replace(/-->/g, arrow);
  $(this).val(content);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' />