javascript - event.clientX 和 event.clientY 与 event.x 和 event.y

Question

当检测鼠标x和y坐标时，最好像这样使用event.clientX和event.clientY:

function show_coords(event){
  var x=event.clientX;
  var y=event.clientY;
  alert("X coords: " + x + ", Y coords: " + y);
}

或者像这样使用 x 和 y:

function show_coords(event){
  var x=event.x;
  var y=event.y;
  alert("X coords: " + x + ", Y coords: " + y);
}

一种方法比另一种更好/更快吗？它们对我来说似乎是一样的。

Answer 1

我猜 event.x/y 只在 IE 中定义。引用自 IE 文档:

"event.clientX: Retrieves the x-coordinate of the mouse cursor relative to the client area of the window, excluding window decorations or scroll bars."

"event.x: Retrieves the x-coordinate of the mouse cursor relative to the parent element."

正如 putvande 所说，clientX 可能也不是跨浏览器的。 pageX/Y 可能是更安全的选择。