如何在html中制作绑定效果答案

【问题标题】：How make binding effect in html如何在html中制作绑定效果
【发布时间】：2012-06-01 09:32:40
【问题描述】：

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

HTML

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

JavaScript

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

所以在 jsfiddle 中有一个例子：

任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

例子：

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

【讨论】：

【解决方案2】：

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

您想绑定到 keyup 和 paste 事件。

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

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

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

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

【讨论】：

【解决方案3】：

onchange 仅在您以某种方式“接受”输入（切换焦点）时才被调用。你应该试试onkeydown、onkeyup、onkeypress

【讨论】：