jQuery UI API - Взаимодействие с мышью

Категория

Взаимодействия | Утилиты

Использование

Описание:Базовый слой взаимодействия.

Зависимости:

Примечания:иjQuery.WidgetАналогично, Mouse Interaction не предназначен для прямого использования. Это базовый слой исключительно для наследования другими виджетами. На этой странице есть дополнения кjQuery.Widgetдокументации, но он содержит внутренние методы, которые нельзя переопределить. Публичный API —_mouseStart()、_mouseDrag()、_mouseStop()и_mouseCapture()。

Быстрая навигация

Параметры Методы Events

Параметры Type Описание Default
отмена Селектор Предотвращает запуск взаимодействий на указанных элементах.

Пример кода:

Инициализировать с указаннымиcancelпараметры для мыши:

$( ".selector" ).mouse({ cancel: ".title" });
    

После инициализации получите или задайтеcanceloption:

// getter
var cancel = $( ".selector" ).mouse( "option", "cancel" );
 
// setter
$( ".selector" ).mouse( "option", "cancel", ".title" );
    
 "input, textarea, button, select, option"
delay Number Время в миллисекундах после нажатия кнопки мыши до начала взаимодействия. Этот параметр можно использовать, чтобы предотвратить нежелательные взаимодействия при щелчке по элементу.

Пример кода:

Инициализировать с указаннымиdelayпараметры для мыши:

$( ".selector" ).mouse({ delay: 300 });
    

После инициализации получите или задайтеdelayoption:

// getter
var delay = $( ".selector" ).mouse( "option", "delay" );
 
// setter
$( ".selector" ).mouse( "option", "delay", 300 );
    
 0
distance Number Расстояние в пикселях, на которое должна переместиться мышь после нажатия кнопки и до начала взаимодействия. Этот параметр можно использовать, чтобы предотвратить нежелательные взаимодействия при щелчке по элементу.

Пример кода:

Инициализировать с указаннымиdistanceпараметры для мыши:

$( ".selector" ).mouse({ distance: 10 });
    

После инициализации получите или задайтеdistanceoption:

// getter
var distance = $( ".selector" ).mouse( "option", "distance" );
 
// setter
$( ".selector" ).mouse( "option", "distance", 10 );
    
 1

Методы Возвращает Описание
_mouseCapture() Boolean Определяет, должно ли взаимодействие начинаться, на основе целевого элемента события взаимодействия. Реализация по умолчанию всегда возвращаетtrue。
  • Этот метод не принимает аргументов.

Пример кода:

Вызовите метод _mouseCapture:

$( ".selector" ).mouse( "_mouseCapture" );
    
_mouseDelayMet() Boolean Определяетdelayвыполнено ли условие параметра для текущего взаимодействия.
  • Этот метод не принимает аргументов.

Пример кода:

Вызовите метод _mouseDelayMet:

$( ".selector" ).mouse( "_mouseDelayMet" );
    
_mouseDestroy() jQuery (только плагин) Уничтожает обработчики событий взаимодействия. Это должно быть вызвано из расширяющего виджета_destroy()метод.
  • Этот метод не принимает аргументов.

Пример кода:

Вызовите метод _mouseDestroy:

$( ".selector" ).mouse( "_mouseDestroy" );
    
_mouseDistanceMet() Boolean Определяетdistanceвыполнено ли условие параметра для текущего взаимодействия.
  • Этот метод не принимает аргументов.

Пример кода:

Вызовите метод _mouseDistanceMet:

$( ".selector" ).mouse( "_mouseDistanceMet" );
    
_mouseDown() jQuery (только плагин) Обрабатывает начало взаимодействия. Подтверждает, что событие связано с основной кнопкой мыши, и гарантирует, чтоdelayиdistanceвыполняется до начала взаимодействия. Когда взаимодействие готово начаться, он вызывает метод расширяющего виджета_mouseStartметод.
  • Этот метод не принимает аргументов.

Пример кода:

Вызовите метод _mouseDown:

$( ".selector" ).mouse( "_mouseDown" );
    
_mouseDrag() jQuery (только плагин) Расширяющий виджет должен реализовать_mouseDrag()метод для обработки каждого перемещения взаимодействия. Этот метод получает событие мыши, связанное с перемещением мыши.
  • Этот метод не принимает аргументов.

Пример кода:

Вызовите метод _mouseDrag:

$( ".selector" ).mouse( "_mouseDrag" );
    
_mouseInit() jQuery (только плагин) Инициализирует обработчики событий взаимодействия. Это должно вызываться из расширяющего виджета_create()метод.
  • Этот метод не принимает аргументов.

Пример кода:

Вызовите метод _mouseInit:

$( ".selector" ).mouse( "_mouseInit" );
    
_mouseMove() jQuery (только плагин) Обрабатывает каждое перемещение взаимодействия. Вызывает метод_mouseDragрасширяющего виджета.
  • Этот метод не принимает аргументов.

Пример кода:

Вызовите метод _mouseMove:

$( ".selector" ).mouse( "_mouseMove" );
    
_mouseStart() jQuery (только плагин) Расширяющий виджет должен реализовать_mouseStart()метод для обработки начала взаимодействия. Этот метод получает событие мыши, связанное с началом взаимодействия.
  • Этот метод не принимает аргументов.

Пример кода:

Вызовите метод _mouseStart:

$( ".selector" ).mouse( "_mouseStart" );
    
_mouseStop() jQuery (только плагин) Расширяющий виджет должен реализовать_mouseStop()метод для обработки завершения взаимодействия. Этот метод получает событие мыши, связанное с завершением взаимодействия.
  • Этот метод не принимает аргументов.

Пример кода:

Вызовите метод _mouseStop:

$( ".selector" ).mouse( "_mouseStop" );
    
_mouseUp() jQuery (только плагин) Обрабатывает завершение взаимодействия. Вызывает метод_mouseStopобработчика расширяющего виджета.
  • Этот метод не принимает аргументов.

Пример кода:

Вызовите метод _mouseUp:

$( ".selector" ).mouse( "_mouseUp" );
Другие расширения