【问题标题】:Javascript automatic save input txt value to divJavascript自动将输入的txt值保存到div
【发布时间】:2018-06-25 14:55:17
【问题描述】:

我正在寻求一些帮助来解决我的问题。

我需要编写 JS 函数来自动将输入字段的值保存到 div 中(没有按钮)。

当值以“enter”键结束时,它会将其保存到 div,清除输入字段并再次在其中设置光标以放置另一个值。

如果有人懂我的英语,我会很感激一些提示:)

【问题讨论】:

  • 你有没有尝试过?你有这个问题的代码吗?
  • 不幸的是我不知道如何“咬”这个问题。我知道如何使用 onclick 按钮向 div 添加值并清除它,但是当我完成用文本填充字段时如何设置它对我来说都是希腊语。当我想出一些代码时,我会在这里写。
  • 这里的问题是你需要提供基础知识;一个 HTML 布局和一些尝试启动 javascript。您所要求的一切都已经在本网站和网络上得到了答案。让您的问题更具体地针对您的问题。

标签: javascript function text input


【解决方案1】:

这是一个非常简单的示例,可以帮助您入门。

const formElement = document.getElementById("form");
const inputElement = document.getElementById("input");
const outputElement = document.getElementById("output");

formElement.addEventListener("submit", function (e) {

  outputElement.append(inputElement.value);
  inputElement.value = "";

  e.preventDefault();
}, false);
<form id="form">
  <input id="input"></input>
</form>

<div id="output">
</div>

【讨论】:

  • 感谢您的提示,我将使用它 :) 现在看起来真的很简单。
猜你喜欢
  • 1970-01-01
  • 2015-01-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多