手動設置event.target

Question

是否可以在添加事件處理程序時手動設置event.target，以便offsetX和offsetY總是相對於該目標。

<div id="outer"> 
    <div class="inner"/> 
    <div class="inner"/> 
</div> 

<script> 
    document.getElementById("outer").addEventListener("click", function(){ 
    console.log(offsetX); // this will give offsetX relative to div.inner 
          // but i want offsetX relative to div#outer 
    }); 
</script> 

Answer 1

您應該爲您的addEventListener添加一個參數。它最終會看起來像這樣：

document.getElementById("outer").addEventListener("click", function(ev) { 
    console.log(ev.offsetX); } 

ev現在捕獲事件，幷包含您使用使用某些屬性。 offsetY也將可用。如果這不起作用，你應該看看this SO post on mouse positions。您可能可以使用pageX和pageY或ev具有的其他屬性。