javascript - Jquery，在文本区域中格式化

Question

我一直在工作中开发一个扩展，唯一逃脱我的就是根据我组合的三个输入来格式化文本区域，并尝试在最后一个输入上的每个输入中创建一个新行。它适用于前两行，然后新行开始累加到提交之间的两行，然后是 4 行，等等。

$("#misc").keyup(function(event) {
    if (event.keyCode == 13) {
        event.preventDefault();
        var newText = $('#medication').val() + " " + $('#diagnosis').val() + " " + $('#misc').val();

        $("#form").val($("#form").val() + newText + "\r\n");

        nextBox = textboxes[0];
        nextBox.focus();
        nextBox.select();
        console.log("first");
        $('#medication').val("");
        $('#diagnosis').val("");
        $('#misc').val("");

        return false;
    }
});

任何帮助将不胜感激 https://jsfiddle.net/rcu8dmon/这看起来有点像，但由于某种原因它在 jsfiddle 中不起作用。

编辑为 html/css/javascript 添加 jsfiddle

Answer 1

每次 .medication 的 keyup 时，您都会绑定(bind) #misc 的 keyup 事件事件发生，因此当#misc的keyup事件发生时，它会发生n次。将 #misc 的 keyup 事件移到包装事件之外，它就会被修复。