jQuery onChange 将字段的值添加到 HTML

Question

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

现在我得到了这个:

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

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

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

        });

这显然行不通。有人有建议吗？

谢谢!

Answer 1

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

$('#page_name').bind('input', function(e){
    var output = e.target.value;
    $('#page_url').text(output);
});

http://jsfiddle.net/xY7Q6/

keypress 的问题在于它不适用于复制和粘贴文本。

输入事件几乎是每个人都期望的“改变”(o:我认为这个事件很新(HTML5？)，旧的浏览器可能不会得到那个。