javascript - 本文のhtmlをjQueryで変更

Question

bodyタグのhtmlをjqueryで変更するにはどうすればいいですか？

私はこのbodyタグを持って<body>いますボタンをクリックすると、bodyはに変わる必要があります
<body ontouchmove="BlockMove(event);>

とでどうやってそれを作ることができjqueryますjavascriptか?

score 5 · Accepted Answer

$('#buttonId').click(function(){
     $('body').attr('ontouchmove', "BlockMove(event)")
})

または、さらに良いことに、DOM 構造を変更せずに、コールバックをイベントにバインドするだけです。

$('#buttonId').click(function(){
     $('body').bind('touchmove', BlockMove);
});

score 2 · Accepted Answer

実際の属性を変更する必要はありません。bodyタグに関数参照を直接追加するだけです。

$('#button').click(function() {
    document.body.ontouchmove = BlockMove;
});

またはjQueryの方法：

$('#button').on('click', function() {
    $('body').on('touchmove', BlockMove);
});

後者の場合、ev.originalEventタッチプロパティを認識しない jQuery の正規化されたイベントではなく、元のイベントオブジェクトにアクセスするためにを使用する必要があることに注意してください。

jQuery バージョンでは、これが複数回発生しないようにする必要もあります。そうしないBlockMoveと、ボタンを押すたびにイベント処理チェーンに何度も追加されます。DOM0 バージョンでは、これはイベントハンドラーを上書きするため、問題ではありません。

score 0 · Accepted Answer

これを試してください（テストされていないコード）：

$(body).attr("ontouchmove","blockMove(event)");

score 0 · Accepted Answer

ボタンをクリックすると、次のようにイベントを本文にバインドできると思います。

$('button').click(function(){
     $("body").bind('touchmove', BlockMove);
});

4 に答える 4