如何在html中制作绑定效果

Question

我想在一个地方制作“绑定”效果，所以我需要输入输入的文本是动态重写到span元素。我为此使用onchange但它不起作用。

HTML

<input type="text" id="binding" onChange="binding()"/>
<span class="binding"></span>

的JavaScript

function binding(){
    $(".binding").html() = $("#binding").val();
}

所以在jsfiddle中就是一个例子：

http://jsfiddle.net/63Fgb/4/

任何帮助都将不胜感激。

Answer 1

示例：

$("#binding").keyup(function(){
   $(".binding").html($(this).val());
});

Answer 2

当元素在更改后失去焦点时，会触发change事件。

您想要绑定到keyup并粘贴事件。

此外，html()是一个函数，而不是属性。您需要将数据作为参数传递给它，而不是分配它。

此外，基于JS Fidddle，如果要使用jQuery方法，则需要使用jQuery库，而不是Mootools库。

$('#binding').bind("keyup paste", function () {
    $(".binding").html($(this).val());
});

请参阅live example。

最后，如果您希望人们输入文字而非HTML，则应使用text()，而不是html()。

Answer 3

当你以某种方式“接受”输入（切换焦点）时，才会调用

onchange。 您应该尝试onkeydown，onkeyup，onkeypress