javascript - 确认在输入框中输入的数据并按 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");