使用.change Jquery事件更改内容

Question

正如标题所说，我想更改（或添加）＆＃34; p＆＃34; html标签，在我写完内容之后＆＃34;输入＆＃34;。我认为这很简单，但不知怎的，我无法让它工作。这是一个示例代码：

test.php的

<form>
<input id="text" class="text" />
</form>
<p id="output"></p>

test.js

$("form").change(function()
{
    document.getElementById("output").innerHTML = "asd";
});

我找不到错误，但是当我使用：$(document).change...而不是它工作正常...我想问题很简单，但我只是一直想念它。

Answer 1

您必须检查input元素的更改。使用以下代码：

$("input").change(function() { 
    // your action
});

Answer 2

DEMO

 $(".text").on('keyup',function()
    {
    $("#output").text( $(this).val());
   });

Answer 3

你好吗？

如果您想要监听输入更改事件，则必须将事件订阅到该输入。

$("#text").change(function() {});

或者：

$("body").change("#text", function() {});

此外，如果您想在用户输入时收听，可以使用：

$("#text").on("change keyup", function() {});

或者：

$("body").on("change keyup", "#text", function() {});

我希望能帮助你。

问候。