jQuery:按下回车键时显示的内容

Question

我试图在单击按钮时显示一些内容(它与我的代码完美配合)，但我也希望在按下回车键时显示它。
控制台运行良好，但出现错误“getFigures Could not be Defined”，并且没有显示任何内容!我已经尝试了很多建议的不同方法，但仍然没有运气...如果有人能解决我哪里写错了，那就太好了？

下面是我的代码，您可以在链接here中找到完整的代码。 :

HTML:

    <section id="fetch">
         <input type="text" placeholder="Please enter your name here" id="term" />
         <button type = "button" id="search">ENTER</button>
    </section>

    <section id="content">
        <div id = "figures">
            <script>
            </script>
        </div>

        <div id ="name">
            <div id = "nameBox">
            </div>
            <div id = "nameText">
            </div>
        </div>

        <div id = "message">        
            <div id = "messageBox">
            </div>
            <div id = "greetingText">
            </div>
            <div id = "messageText">
            </div>
        </div>
    </section>

jQuery:

$('#search').click(displayContent);     // the value of the #term is being called within the displayContent();

$('#term').keyup(function(event){
   if(event.keyCode == 13){
       displayContent();
       getFigures();
   }
});

$('#term').keypress(function(event){        // this function looks redundant...?
    if(event.which == 13){
    $('#search').click(displayContent);
        displayContent();
        getFigures();
    }
});

非常感谢:))) x

编辑:我想要的更新的 fiddle 是 here供任何人引用:))) x

Answer 1

请检查一下:

https://jsfiddle.net/rokvowjv/8/

只需要这么多代码来捕获enter键并加载内容。

$('#term').keyup(function (event) {
    if (event.keyCode == 13) {
        displayContent();
    }
});

此外，在测试时，请将“Alexis”输入文本字段，然后按 Enter 键。如果您这样做，那么甚至“FIGURES PRINTED”也会在控制台中打印。