Proprietà deltaY dell'evento WheelEvent

Eventi DOM WheelEvent

Definizione e uso

L'attributo deltaY restituisce un valore positivo quando si scorre verso il basso, un valore negativo quando si scorre verso l'alto, e 0 altrimenti.

Nota:Questa proprietà è sola lettura.

Esempio

Esempio 1

Ritorna se l'utente scorre verso l'alto o verso il basso:

function myFunction(event) {
  var y = event.deltaY;
}

Prova personalmente

Esempio 2

Scorri all'interno del DIV per renderlo più grande o più piccolo:

function myFunction(event) {
  var y = event.deltaY;
  var currentSize = event.target.style.width;
  if (y > 0) {
    newSize = parseInt(currentSize) + 10;
  } else {
    newSize = parseInt(currentSize) - 10;
  }
  event.target.style.width = newSize + "px";
  event.target.style.height = newSize + "px";
}

Prova personalmente

Grammatica

event.deltaY

Dettagli tecnici

Valore di ritorno: Valore di tipo Double, che indica la direzione di scorrimento della rotellina del mouse.

Supporto browser

Proprietà Chrome IE Firefox Safari Opera
deltaY 31 Supportato 17 Non supportato 18

Pagine correlate

Manuale di riferimento HTML DOM DOM:Proprietà deltaX di WheelEvent

Eventi DOM WheelEvent