禁止使用一个以上的按钮

时间:2012-07-17 06:09:44

标签: jquery html

我想在点击一下后从文档中删除一个事件:

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()////但是点击了鼠标左键的任何点击..?

2 个答案:

答案 0 :(得分:1)

jsBin demo

这会导致您的鼠标始终在 OVER 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 });
} 

答案 1 :(得分:0)

试试这个:

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();
});