アヤックスは、移動、マウスの異なるクリックが、私はGoogleマップAPIで遊んでいると私は、このコードqith SQLを更新するために、AJAXを使用する]をクリックします

Question

があります：

$(document).ready(function() { 
    $('#map').click(function() { 
    var request = $.ajax({ 
     url: "php/clic.php", 
     data: { 
     label: "value" 
     }, 
     method: "POST" 
    }); 

    request.done(function() { 
     // Do something after its done. 
    }); 
    }); 
}); 

マップは、Googleマップのdiv要素をSiが。

問題は、ユーザーがdivをクリックしているときだけでなく、ユーザーがクリックして地図を移動しているときに実行されるコードです。私はたくさんのajaxを知らないので、私は単純なclicではなくmove/clicであるかどうかを検出するelse条件を実行したい！

Thx！

Answer 1

要素であるかどうかを確認するには、event.targetを確認してください。

$("#map".click(function() { 
    if (event.target != this) { 
     return; 
    } 
    // rest of function 
}); 

Answer 2

Chromeで私のために働いコード：

(function($){ 
var $doc = $(document), 
moved = false, 
pos = {x: null, y: null}, 
abs = Math.abs, 
mclick = { 
'mousedown.mclick': function(e) { 
pos.x = e.pageX; 
pos.y = e.pageY; 
moved = false; 
}, 
mouseup.mclick': function(e) { 
moved = abs(pos.x - e.pageX) > $.clickMouseMoved.threshold 
|| abs(pos.y - e.pageY) > $.clickMouseMoved.threshold; 
} 
}; 

$doc.on(mclick); 

$.clickMouseMoved = function() { 
return moved; 
}; 

$.clickMouseMoved.threshold = 3; 
})(jQuery); 


// test delegated 
$(document).on('click', '#map', function(e) { 
if ($.clickMouseMoved()) { 
console.log('click aborted'); 
return;    
} 
//console.log('click'); 
var request = $.ajax({ 
url: "php/clic.php", 
data: { label: "value" }, 
method: "POST" 
}); 
}); 

// test bound 
$('#map').on('click', function(e) { 
if ($.clickMouseMoved()) { 
// console.log('click aborted'); 
return;   
} 
var request = $.ajax({ 
url: "php/clic.php", 
data: { label: "value" }, 
method: "POST" 
}); 
//console.log('click'); 
});