确认输入框中的输入数据，然后按ENTER键显示在显示框中

Question

我有一个代码可以在页面的另一侧的显示框中写下树结构的选定值。现在在一些树形结构中我必须添加html输入框，以便用户可以输入数据。现在我需要那些输入的数据显示在页面另一侧的显示框上，当用户在树形结构的输入框中输入数据并按下ENTER按钮时。用代码      <input type="text" placeholder="Enter new continent">整个输入框显示在页面另一侧的显示框中，而不是来自用户的输入数据。

在页面另一侧的展示框中显示来自树结构的选定数据的代码正在工作，当我点击树结构（线）的元素时，它显示在页面另一侧的展示框中。

现在我需要这样做，当我点击输入框（输入新大陆）时，此输入框不会显示在页面另一侧的显示框中。比输入框中的用户输入数据，然后按回车键。输入的数据现在显示在页面另一侧的显示框中。知道我该怎么办？

以下是我的网页的工作示例：http://codepen.io/anon/pen/WvQxeL

Answer 1

你在寻找类似的东西吗？

var continent = prompt("Please enter the continent name", "Continent");