javascript - insertAfter() 在我不想要的时候复制了一个元素

Question

好吧，我正在制作一个聊天机器人，但遇到了一个问题。所以我需要创建一个函数，每次按下回车键时都会创建一条聊天消息。到目前为止，一切顺利，只有一个问题。它正在复制一个元素，而我只想要其中一个。

要了解我在说什么，请转到 http://jsfiddle.net/MatthewKosloski/BHXMa/并输入一条消息，然后按回车键。注意有两个“Foo!”消息？我只想要一个。我还想让这些消息按时间顺序从上到下发送，但在我找出为什么会出现这种重复之前，我无法做到这一点!

function insertAfter(referenceNode, newNode) {
    referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}

var robotMessage = userMessage;

function intelResponse(){

        // ROBOT
        var robot = document.createElement("h4");
        var robotText = document.createTextNode("Robot");
        robot.appendChild(robotText);
        robot.className = "rtitle";
        document.body.appendChild(robot);
        insertAfter(userMessage, robot);

        // Robot's response
        robotMessage = document.createElement("span");
        var robotMessageText = document.createTextNode("FOO");
        robotMessage.appendChild(robotMessageText);
        robotMessage.className = "rmsg";
        document.body.appendChild(robotMessage);
        insertAfter(robot, robotMessage);

}

Answer 1

一个非常简单的错误。您调用方法 intelResponse 两次。修复了问题 FIDDLE

if (e.keyCode == 13) {
        submitUserMessage();
        //intelResponse();
        $("#user-input").val("");
    }