JavaScript:Библиотеки/p5.dom/Класс p5.Element/mouseWheel()

Содержание

Резерв

Резерв

Резерв

Резерв

Резерв

Библиотеки

Резерв

Резерв

Резерв

Перевод: Максим Кузьмин

Проверка/Оформление/Редактирование: Мякишев Е.А.

Черновик

mouseWheel()

Описание

Вызывается каждый раз при прокрутке колесика мышки над элементом. Можно использовать, чтобы привязывать слушателей событий к элементам.

Параметром для mouseWheel() служит функция обратного вызова – она будет запущена, если на элементе сработает событие wheel. Параметр для функции обратного вызова только один – event. Если пользователь прокручивает колесико вверх (т.е. в направлении от себя), то свойство event.deltaY вернет отрицательное значение, а если вниз (т.е. в направлении к себе), то положительное. Свойство event.deltaX делает то же самое, но для прокрутки колесика по горизонтальной оси.

На OS X, где используется «естественная» прокрутка, значения event.deltaY инвертированы. Кроме того, эта функция может быть объединена в цепочку с другими функциями.

Синтаксис

mouseWheel(fxn)

Параметры

fxn – функция, которая будет запущена при прокрутке колесика мышки над элементом. Если задать false, никакой функции не запустится. Тип данных – функция, boolean

Пример

var cnv;
var d;
var g;
function setup() {
  cnv = createCanvas(100, 100);
  // этот слушатель событий – только для холста:
  cnv.mouseWheel(changeSize);
  d = 10;
  g = 100;
}

function draw() {
  background(g);
  ellipse(width / 2, height / 2, d, d);
}

// эта функция запустится
// при прокрутке колесиком в любом месте экрана:
function mouseWheel() {
  g = g + 10;
}

// эта функция запустится 
// только при прокрутке колесиком по холсту «cnv»:
function changeSize(event) {
  if (event.deltaY > 0) {
    d = d + 10;
  } else {
    d = d - 10;
  }
}