Onde foi o clique?

Detetar em pixeis onde ocorreu o clique em determinado elemento.

by Salustiano Silva

HTML

<div id="meuElemento">
    <div></div>
</div>
<p>O clique foi: <span></span></p>

CSS

#meuElemento{
    width:400px;
    height:300px;
    border:1px solid red;
}
#meuElemento > div{
    margin:0 15px;
    height:300px;
    background:green;
}

JavaScript

$("#meuElemento").click(function(e){
    var meuOffset = $(this).offset(),
        relX      = e.pageX - meuOffset.left,
        relY      = e.pageY - meuOffset.top,
        areaUtil  = $(this).width(),
        limite    = 15;

    // Onde foi o clique?
    if (relX>limite && relX<(areaUtil-limite))
        $('p span').html("Dentro");
    else
        $('p span').html("Fora");
});