jQuery onChange将字段的值添加到HTML

我想将输入字段的值实时打印到DIV

现在我知道了：

        $("#page_name").change(function () {

            var new_val = $("#page_name").val();

            $("#page_url").html(new_val);

        });

显然，它不起作用。有人有什么建议吗

谢谢

这应该是可行的。我最好的猜测是：

也许可以检查一下你的选择器。另外，您可以使用$（this）而不是第二次选择

#page_name

改变并不总是像你想象的那样频繁。尝试将事件绑定到keyup

另外，在节点中添加.html（）可能不是一个好主意。为了安全起见，您可能需要使用.text（）命令

这应该是可行的。我最好的猜测是：

也许可以检查一下你的选择器。另外，您可以使用$（this）而不是第二次选择

#page_name

改变并不总是像你想象的那样频繁。尝试将事件绑定到keyup

另外，在节点中添加.html（）可能不是一个好主意。为了安全起见，您可能需要使用.text（）命令

---

实际上，它会工作，但只有当您将光标移出输入框时，因为当焦点丢失时，更改才会触发

你需要的是按键。代码和你的一样

 $("#page_name").keypress(function () {
            var new_val = $("#page_name").val();
            $("#page_url").html(new_val);
});

在这里测试一下

---

实际上，它可以工作，但只有当您将光标移出输入框时，它才会工作，因为当焦点丢失时，会触发更改

你需要的是按键。代码和你的一样

 $("#page_name").keypress(function () {
            var new_val = $("#page_name").val();
            $("#page_url").html(new_val);
});

在这里测试一下

---

如前所述，“更改”仅在元素失去焦点时发生。将其绑定到keypress事件的替代方法是将其绑定到“input”事件

keypress的问题是它不能复制和粘贴文本

---

输入事件与每个人所期望的“更改”差不多（o：我认为这个事件是非常新的（HTML5？），旧的浏览器可能不会得到这个事件。

正如所指出的那样，“更改”只在元素失去焦点时发生。将其绑定到按键事件的另一种方法是将其绑定到“输入”事件

keypress的问题是它不能复制和粘贴文本

---

输入事件与每个人期望的“更改”非常接近（o：我认为这个事件是非常新的（HTML5？），旧的浏览器可能没有这个事件。

你能发布相关的HTML吗？它可以工作…请参见；-p你可以发布相关的HTML吗？它可以工作…请参见；-p