用jQuery更改body html

时间:2012-05-02 10:22:48

标签: javascript jquery html

如何使用jquery更改body标签的html。

我有这个正文标记<body>当我点击一个按钮时,正文必须更改为
<body ontouchmove="BlockMove(event);>

如何使用jqueryjavascript

进行此操作

4 个答案:

答案 0 :(得分:5)

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

或者甚至更好,不要更改DOM结构,只需将回调绑定到事件:

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

答案 1 :(得分:2)

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

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

或jQuery方式:

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

请注意,在后一种情况下,您需要使用ev.originalEvent来访问原始事件对象,而不是jQuery的规范化事件,该事件不了解触摸属性。

在jQuery版本中,您还需要确保不会多次发生这种情况,否则BlockMove会将添加 一遍又一遍地添加到事件处理链中按钮按下。在DOM0版本中它没关系,因为这个会覆盖事件处理程序。

答案 2 :(得分:0)

试试这个(未经测试的代码):

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

答案 3 :(得分:0)

我认为您可以点击按钮将事件绑定到正文:

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