JavaScript:Библиотеки/p5.dom/Класс p5.Element/mouseMoved(): различия между версиями

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Нет описания правки
 
Нет описания правки
 
Строка 16: Строка 16:
==Синтаксис==
==Синтаксис==


<syntaxhighlight lang="javascript" enclose="div">
<syntaxhighlight lang="javascript">
mouseMoved(fxn)
mouseMoved(fxn)
</syntaxhighlight>
</syntaxhighlight>
Строка 22: Строка 22:
==Параметры==
==Параметры==


<syntaxhighlight lang="javascript" enclose="div">
<syntaxhighlight lang="javascript">
fxn – функция, запускаемая при перемещении курсора мышки над элементом. Если задать false, никакой функции не запустится. Тип данных – функция, boolean
fxn – функция, запускаемая при перемещении курсора мышки над элементом. Если задать false, никакой функции не запустится. Тип данных – функция, boolean
</syntaxhighlight>
</syntaxhighlight>
Строка 28: Строка 28:
==Возвращаемое значение==
==Возвращаемое значение==


<syntaxhighlight lang="javascript" enclose="div">
<syntaxhighlight lang="javascript">


</syntaxhighlight>
</syntaxhighlight>
Строка 34: Строка 34:
==Пример==
==Пример==


<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS">
var cnv;
var cnv;
var d = 30;
var d = 30;

Текущая версия от 06:52, 24 мая 2023

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


Черновик


mouseMoved() [1]

Описание

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

Кроме того, эта функция может быть объединена в цепочку с другими функциями.

Синтаксис

mouseMoved(fxn)

Параметры

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

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

Пример

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

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

// эта функция запустится, 
// если провести курсором мышки над любым местом страницы:
function mouseMoved() {
  g = g + 5;
  if (g > 255) {
    g = 0;
  }
}

// эта функция запустится, 
// только если провести курсором мышки над холстом:
function changeSize() {
  d = d + 2;
  if (d > 100) {
    d = 0;
  }
}

См.также

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