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

Материал из Онлайн справочника
Перейти к навигации Перейти к поиску

Перевод: Максим Кузьмин (Cubewriter) Контакты:</br>* Skype: cubewriter</br>* E-mail: cubewriter@gmail.com</br>* Максим Кузьмин на freelance.ru
Проверка/Оформление/Редактирование: Мякишев Е.А.


Pixel Art Mini Meow Animated.gif Черновик


mouseWheel() [1]

Описание

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

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

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

Синтаксис

mouseWheel(fxn)

Параметры

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

Возвращаемое значение

Пример

 1 var cnv;
 2 var d;
 3 var g;
 4 function setup() {
 5   cnv = createCanvas(100, 100);
 6   // этот слушатель событий – только для холста:
 7   cnv.mouseWheel(changeSize);
 8   d = 10;
 9   g = 100;
10 }
11 
12 function draw() {
13   background(g);
14   ellipse(width / 2, height / 2, d, d);
15 }
16 
17 // эта функция запустится
18 // при прокрутке колесиком в любом месте экрана:
19 function mouseWheel() {
20   g = g + 10;
21 }
22 
23 // эта функция запустится 
24 // только при прокрутке колесиком по холсту «cnv»:
25 function changeSize(event) {
26   if (event.deltaY > 0) {
27     d = d + 10;
28   } else {
29     d = d - 10;
30   }
31 }

См.также

Внешние ссылки