一箇所で「バインディング」効果を作りたいので、入力するテキストをスパン要素に動的に書き換える必要があります。これには onchange を使用しますが、うまくいきません。
HTML
<input type="text" id="binding" onChange="binding()"/>
<span class="binding"></span>
JavaScript
function binding(){
$(".binding").html() = $("#binding").val();
}
jsfiddleの例があります：
どんな助けでも大歓迎です。
例：
$("#binding").keyup(function(){
$(".binding").html($(this).val());
});
change イベントは、変更後に要素がフォーカスを失うと発生します。
keyup および paste イベントにバインドします。
また、html()プロパティではなく関数です。データを代入するのではなく、引数として渡す必要があります。
また、JS Fidddle に基づいて、jQuery メソッドを使用する場合は Mootools ライブラリではなく、jQuery ライブラリを使用する必要があります。
$('#binding').bind("keyup paste", function () {
$(".binding").html($(this).val());
});
実際の例を参照してください。
最後に、人々が HTML ではなくテキストを入力することを期待している場合はtext()、 ではなくを使用する必要がありますhtml()。
</p>
onchangeどういうわけか入力を「受け入れる」（フォーカスを切り替える）場合にのみ呼び出されます。onkeydown、、試してみonkeyupてくださいonkeypress