jquery - 禁止点击一个按钮

Question

我试图在单击后从文档中删除一个事件：

var allow=true;
$(document).mousemove(function(e){
    if(allow){
       x = e.pageX;
       y = e.pageY;     
       var offTop = y-10;
       var offLeft = x-25;      
       $('iframe').offset({ top: offTop, left: offLeft });
       $('body').on('click',iFrame,function(){
               console.log('I was clicked');
       });
    }
});

$(document).click(function() {
   allow=false;
   $('iframe').remove();
});

我想在第一次单击文档后删除鼠标后面的 iframe。

但是我的代码似乎不起作用..为什么？

UPDATE:

是否可以捕获与任何元素无关的鼠标单击..例如，没有此 $('document').click()//// 但在鼠标左键上单击的任何单击..？

Answer 1

jsBin 演示

这导致您的鼠标指针一直在iframe上方！用途：例如：y+25;和x+25;

if(allow){
   x = e.pageX;
   y = e.pageY;

   var offTop = y+25;
   var offLeft = x+25;      
   $('iframe').offset({ top: offTop, left: offLeft });
} 

Answer 2

尝试这个：

var allow=true;

$(document).mousemove(function(e){
    if(allow){
        x = e.pageX;
        y = e.pageY;
        var offTop = y-10;
        var offLeft = x-25;      
        $('iframe').offset({ top: offTop, left: offLeft });
    }    
}); // THIS WAS MISSING

$(document).click(function() {
    allow=false;
    $('iframe').remove();
});