使用 .change Jquery 事件更改内容

Changing content with .change Jquery event

本文关键字：事件 change Jquery 使用      更新时间：2023-09-26

正如标题所说，我想在"input"中写一些东西后，更改（或添加）"p"html标签中的文本。我以为这很简单，但不知何故我无法让它工作。这是一个示例代码：

测试.php

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

测试.js

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

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

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

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

演示

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

你好吗？

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

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

或：

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

此外，如果要在用户键入时侦听，可以使用：

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

或：

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

我希望这对你有所帮助。

问候。

相关文章：