Javascript 如何在DIV对象中实时显示输入值

F.e我有一个id为someDiv的div和一个id为someInput的输入文本-如何在div中实时显示输入对象的值？如果我在输入中键入字母“a”，它将自动显示在DIV中。 我应该使用哪个函数？ 我是jQuery中真正的乞丐

我发现这个代码：

$(function() {
    $('#someInput').keyup(function() {
        $('#someDiv').text($(this).val());
    });
});

$（“#realTimeInput”）.on（'change'，function（）{
$（“#someDiv”）.text（$（“#realTimeInput”）.text（））；
}

$（“#realTimeInput”）.on（'change'，function（）{
$（“#someDiv”）.text（$（“#realTimeInput”）.text（））；
}

使用

输入

事件

$（函数（）{
$（'#someInput'）。关于（“输入”，函数（）{
$（'#someDiv'）.text（$（this.val（））；
});
})；

---

使用

输入

事件

$（函数（）{
$（'#someInput'）。关于（“输入”，函数（）{
$（'#someDiv'）.text（$（this.val（））；
});
})；

---

您可以检查此代码，当您键入B时，此值将显示在content div中，以便您也可以输入事件，如按键、更改等

$（'#someInput'）.keyup（函数（）{
$（“#您的输入”）.show（）；
//var dev=$（this.val（）；
$（'#yourinput'）.html（$（this.val（））；
})；

输入文本：

您可以检查此代码，当您键入B时，此值将显示在content div中，以便您也可以输入事件，如按键、更改等

$（'#someInput'）.keyup（函数（）{
$（“#您的输入”）.show（）；
//var dev=$（this.val（）；
$（'#yourinput'）.html（$（this.val（））；
})；

输入文本：

香草Javascript替代方案：

在

EventTarget

上发生指定的事件类型（例如：

keydown

）时，使用

addEventListener（）

方法调用回调函数

ES5:

var INPUT_EL  = document.getElementById('UI_input'),
    OUTPUT_EL = document.getElementById('UI_output');

function updateText() {
  OUTPUT_EL.innerHTML = INPUT_EL.value;
}

INPUT_EL.addEventListener('keydown', updateText);

var INPUT\u EL=document.getElementById（'UI\u INPUT'），
OUTPUT_EL=document.getElementById（'UI_OUTPUT'）；
函数updateText（）{
OUTPUT_EL.innerHTML=INPUT_EL.value；
}
INPUT_EL.addEventListener（'keydown'，updateText）；

这是样品

香草Javascript替代方案：

在

EventTarget

上发生指定的事件类型（例如：

keydown

）时，使用

addEventListener（）

方法调用回调函数

ES5:

var INPUT_EL  = document.getElementById('UI_input'),
    OUTPUT_EL = document.getElementById('UI_output');

function updateText() {
  OUTPUT_EL.innerHTML = INPUT_EL.value;
}

INPUT_EL.addEventListener('keydown', updateText);

var INPUT\u EL=document.getElementById（'UI\u INPUT'），
OUTPUT_EL=document.getElementById（'UI_OUTPUT'）；
函数updateText（）{
OUTPUT_EL.innerHTML=INPUT_EL.value；
}
INPUT_EL.addEventListener（'keydown'，updateText）；

这是样品

为此使用jquery

keyup

为什么要标记PHP？查看Google上的Javascript输入。我们不会为您编写代码。您应该尝试自己编写代码。如果您遇到问题，请发布您尝试过的内容，并清楚说明哪些内容不起作用。阅读一个好问题。请务必阅读。如果你只要给出一些html，我相信你会得到一个关于如何使用iTunes jquery

keyup

的例子。为什么你要标记PHP？看看谷歌上的Javascript输入。我们不会为你编写代码。你应该试着自己编写代码。如果你有问题，发布你尝试过的内容，并清楚地解释什么不起作用d提供。阅读一个好问题。一定要阅读。如果你只是给出一些html，我相信你会得到一个如何做的示例，而这个代码片段可能会解决这个问题，真的有助于提高你的文章质量。记住，你是在为读者回答这个问题，而这些人可能不知道问题的原因您的代码建议。虽然此代码片段可能会解决问题，但确实有助于提高您文章的质量。请记住，您将在将来为读者回答此问题，而这些人可能不知道您的代码建议的原因。