English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Attributo jQuery event.pageX

Eventi di jQuery

L'attributo event.pageX restituisce la posizione del puntatore del mouse rispetto all'edge sinistro del documento, in pixel.

Questa proprietà viene solitamente utilizzata conevent.pageYproprietà insieme.

Sintassi:

event.pageX

Esempio

Mostra la posizione del mouse rispetto all'edge sinistro e superiore del documento:

$(document).mousemove(function(event){ 
  $("#output").text("pageX: " + event.pageX + ", pageY: " + event.pageY);
});
Testa e guarda‹/›

Modifica la posizione del DIV rispetto alla posizione del mouse:}

$(document).ready(function(){
  let pos = {x:0, y:0};
  let box = $("div");
  let w = box.width();
  let h = box.height();
  let offset = box.position();
  $(document).mousemove(function(event){ 
    pos.x = event.pageX - offset.left - (w/2);
    pos.y = event.pageY - offset.top - (h/2);
    box.css({"left":pos.x, "top":pos.y});
  });
});
Testa e guarda‹/›

Valore del parametro

ParametroDescrizione
eventQuestoEventoI parametri provengono dalla funzione di binding dell'evento

Eventi di jQuery