如何防止jquery点击功能？

Question

在此页面上http://jsfiddle.net/wQhaH/1/我试试这个：

用户最多可以点击3次文件包含链接，按钮等的位置.3点击后，我想阻止用户点击屏幕上的任何对象。您可以认为所有页面元素都被阻止了。

我尝试了e.preventDefault()功能，但它不起作用。我们可以这样做吗？

Answer 1

试试这个：

http://jsfiddle.net/wQhaH/2/

var count = 0;
$(document).click(function(e) {
    count++;
    if(count > 2) {
        $("body").append('<div class="block-ui">');
        $(document).unbind("click");
    }
    $('#log').html( $('#log').html() + "Clicked Document !<br>" );
});

$("#mylink").click(function(event) {
    $('#log').html( $('#log').html() + "Clicked !<br>" );
});

Answer 2

在jquery中使用unbind()函数

http://api.jquery.com/unbind/

if(count > 2){
  $('*').unbind('click');
  $(document).unbind('click');
}

这将解除DOM中所有元素的点击事件。 '*'选择器选择所有元素但不选择document，因此如果您有任何与文档绑定的点击处理程序，您还必须从文档中取消绑定。