如何触发键盘输入事件以在下一行文本区域添加缩进

Question

当用户输入冒号(:)时，我有一个html文本区域并按回车键，文本区域的下一行应该有缩进

我的代码

<textarea id="yourcode" cols="40" rows="10" class="form-control"></textarea>

我试过什么

$('#yourcode').keypress(function(e) {
    if(e.keyCode == 58) {
        if(e.keyCode == 13 ) {
            $(this).val(
                $(this).val().substring(0, start)
                + "t"
                + $(this).val().substring(end)
            );
        }
    }
});

Answer 1

正如我在评论中告诉您的那样，不会到达第二个if语句，因为如果 keyCode = 58，则永远不会是 13。

此外，请改用keyup。

检查下面的代码：

$(function() {
  $('textarea').on('keyup', function(e) {
    if (e.key === 'Enter') {
      var text = $(this).val().trim();
      if (text.substring(text.length - 1) == ':') {
        $(this).val($(this).val() + 't');
      }
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="yourcode" cols="40" rows="10" class="form-control">
</textarea>

Answer 2

$('#yourcode').keypress(function(e){
 if(e.keyCode == 13){
   val = $(this).val();
   if(val.substr(val.length - 1) == ":"){
        console.log(": after enter")
        // your code here
        $('textarea').val(val.replace(/:/g, ':n') + "   ");
   }
 }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<textarea id="yourcode" cols="40" rows="10" class="form-control">
 </textarea>