Λάβετε συντεταγμένες του ποντικιού X, Y μέσα στο κουτί - CSS-Κόλπα

Πίνακας περιεχομένων

Ο παρακάτω κώδικας θα σας δώσει τις συντεταγμένες X, Y ενός κλικ του ποντικιού μέσα σε ένα δεδομένο πλαίσιο. Αφαιρώντας όλα τα πράγματα σχετικά με το όφσετ, μπορείτε εύκολα να λάβετε τις συντεταγμένες X, Y του κλικ σε σχέση με το παράθυρο του προγράμματος περιήγησης.

$(function() ( $("#demo-box").click(function(e) ( var offset = $(this).offset(); var relativeX = (e.pageX - offset.left); var relativeY = (e.pageY - offset.top); alert("X: " + relativeX + " Y: " + relativeY); )); ));