Javascript 使用jQuery更改正文html

如何使用jquery更改body标记的html

我有这个body标签

当我点击按钮时，body必须更改为

试试这个（未测试的代码）：

或者更好的是，不要更改DOM结构，只需将回调绑定到事件：

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

我认为您可以通过单击按钮将事件绑定到正文，如下所示：

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

无需更改真实属性-只需将函数引用直接添加到body标记上：

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

或者jQuery方式：

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

注意，在后一种情况下，您需要使用
ev.originalEvent
来访问原始事件对象，而不是jQuery的标准化事件，后者不知道触摸属性

在jQuery版本中，您还需要确保这种情况不会发生多次，否则每次按下按钮，
BlockMove
都会被反复添加到事件处理链中。在DOM0版本中，这并不重要，因为此版本会覆盖事件处理程序。
您真的要更改HTML还是要绑定事件处理程序？+1刚刚输入了事件处理程序版本，您先告诉我：）您不希望参数中的“on”变为
bind
：
.bind（'touchmove'BockMove（event））@gdoron你比我快了几秒钟：）@gdoron-+1。简单的错误！还值得注意的是，由于jQuery试图规范化事件对象，因此您将无法访问特定的事件属性。您需要使用
event.originalEvent
来获取本机事件对象。@Alnitak。因为
事件
？我把它拿走了。这里也是真的第一条评论仍然是真的<代码>$（“body”）.bind（'ontouchmove'，BlockMove）=>
$（“body”）.bind（'touchmove'，BlockMove）
$('#button').click(function() {
    document.body.ontouchmove = BlockMove;
});

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