BuyLog In
DevExtreme
All docs
V 17.2
24.1
The page you are viewing does not exist in version 24.1.
23.2
The page you are viewing does not exist in version 23.2.
23.1
The page you are viewing does not exist in version 23.1.
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
19.1
18.2
18.1
17.2
All docs
V17.2

General Information

.NET Subscription

What's Included
DevExpress Installation
DevExpress Code Examples

Common Tools

Project Converter
Assembly Deployment Tool
Localization Service

Quality Assurance and Productivity

CodeRush for Visual Studio (FREE)
TestCafe Studio

Desktop

Controls

WinForms
WPF
VCL
WinUI

Tools

WinForms Skin Editor
WPF Theme Designer
WPF Theme Editor (Legacy)
Coded UI Test Extension

Frameworks and Libraries

XAF - Cross-Platform .NET App UI
XPO - .NET ORM Library (FREE)
XPO Profiler
Core Libraries
Drawing Graphics Library
.NET App Security & Web API Service (FREE)

Web

Controls and Extensions

ASP.NET Web Forms Controls
ASP.NET MVC Extensions
ASP.NET Core Controls
ASP.NET Bootstrap Controls
DevExtreme
DevExtreme ASP.NET MVC Controls
Blazor Components

Tools

ASP.NET Theme Builder
ASP.NET Theme Deployer

Maintenance Mode

ASP.NET Core Bootstrap Controls

Mobile

Xamarin UI Controls (FREE)
.NET MAUI (FREE)

Enterprise and Analytic Tools

Reporting
Report and Dashboard Server
BI Dashboard
Office File API

End-User Documentation

Interface Elements for Desktop
Interface Elements for Web
Dashboard for Desktop
Dashboard for Web
24.1
The page you are viewing does not exist in version 24.1.
23.2
The page you are viewing does not exist in version 23.2.
23.1
The page you are viewing does not exist in version 23.1.
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
19.1
18.2
18.1
17.2
Full-text search
API Reference
UI Widgets
Accordion
ActionSheet
Autocomplete
BarGauge
Box
Bullet
Button
Calendar
Chart
CheckBox
CircularGauge
ColorBox
ContextMenu
DataGrid
DateBox
DeferRendering
DropDownBox
Exporter
FileUploader
FilterBuilder
Form
Funnel
Gallery
LinearGauge
List
LoadIndicator
LoadPanel
Lookup
Map
Menu
MultiView
NavBar
NumberBox
Panorama
PieChart
Pivot
PivotGrid
PivotGridFieldChooser
PolarChart
Popover
Popup
ProgressBar
RadioGroup
RangeSelector
RangeSlider
Resizable
ResponsiveBox
Scheduler
ScrollView
SelectBox
SlideOut
SlideOutView
Slider
Sparkline
Switch
TabPanel
Tabs
TagBox
TextArea
TextBox
TileView
Toast
Toolbar
Tooltip
TreeList
TreeMap
TreeView
ValidationGroup
ValidationSummary
Validator
VectorMap
Markup Components
UI Events
dxclick
dxcontextmenu
dxdblclick
dxdrag
dxdragend
dxdragenter
dxdragleave
dxdragstart
dxdrop
dxhold
dxhoverend
dxhoverstart
dxpinch
dxpinchend
dxpinchstart
dxpointercancel
dxpointerdown
dxpointerenter
dxpointerleave
dxpointermove
dxpointerout
dxpointerover
dxpointerup
dxremove
dxrotate
dxrotateend
dxrotatestart
dxswipe
dxswipeend
dxswipestart
dxtransform
dxtransformend
dxtransformstart
dxtranslate
dxtranslateend
dxtranslatestart
dxzoom
dxzoomend
dxzoomstart
CSS Classes
Data Layer
SPA Framework
Types
Utilities
Getting Started
ASP.NET MVC Controls
SPA Framework
VS Integration
Widgets
Data Binding
Common Features

General Information

.NET Subscription

What's Included
DevExpress Installation
DevExpress Code Examples

Common Tools

Project Converter
Assembly Deployment Tool
Localization Service

Quality Assurance and Productivity

CodeRush for Visual Studio (FREE)
TestCafe Studio

Desktop

Controls

WinForms
WPF
VCL
WinUI

Tools

WinForms Skin Editor
WPF Theme Designer
WPF Theme Editor (Legacy)
Coded UI Test Extension

Frameworks and Libraries

XAF - Cross-Platform .NET App UI
XPO - .NET ORM Library (FREE)
XPO Profiler
Core Libraries
Drawing Graphics Library
.NET App Security & Web API Service (FREE)

Web

Controls and Extensions

ASP.NET Web Forms Controls
ASP.NET MVC Extensions
ASP.NET Core Controls
ASP.NET Bootstrap Controls
DevExtreme
DevExtreme ASP.NET MVC Controls
Blazor Components

Tools

ASP.NET Theme Builder
ASP.NET Theme Deployer

Maintenance Mode

ASP.NET Core Bootstrap Controls

Mobile

Xamarin UI Controls (FREE)
.NET MAUI (FREE)

Enterprise and Analytic Tools

Reporting
Report and Dashboard Server
BI Dashboard
Office File API

End-User Documentation

Interface Elements for Desktop
Interface Elements for Web
Dashboard for Desktop
Dashboard for Web
A newer version of this page is available. Switch to the current version.

jQuery UI Events API

The events used to handle user interaction with UI elements.

DevExtreme provides UI events for processing a user's interaction with a specific UI element. The DevExpress.events namespace exposes an API to work with the UI events.

The following code shows how to attach, trigger and then detach a dxhold event handler from a page element with the "target" ID. An extra "timeout" parameter specifies how long the "target" should be held to allow the handler to execute.

JavaScript
var dxholdHandler = function (event) {
    alert(`The ${event.target.textContent} element is being held for ${event.data.timeout} ms.`);
    return true; // true - continues event propagation, false - stops.
}

DevExpress.events.on(document, "dxhold", "#target", { timeout: 1000 }, dxholdHandler);
// Without extra parameters
// DevExpress.events.on(document, "dxhold", "#target", dxholdHandler);

DevExpress.events.trigger(document.getElementById("target"), "dxhold");

DevExpress.events.off(document, "dxhold", "#target", dxholdHandler);

The following code shows how to perform similar tasks using jQuery, AngularJS, or Knockout:

jQuery
JavaScript
var dxholdHandler = function (jQueryEvent) {
    alert(`The ${$(jQueryEvent.target).text()} element is being held for ${jQueryEvent.data.timeout} ms.`);
};

$("#target").on("dxhold", { timeout: 1000 }, dxholdHandler); 
// Without extra parameters
// $("#target").on("dxhold", dxholdHandler);

$("#target").trigger("dxhold");

$("#target").off("dxhold", dxholdHandler);

See jQuery documentation for details.

Knockout
HTML
JavaScript
<div id="target" data-bind="dxhold: { execute: dxholdHandler, timeout: 1000 }">
    Target element
</div>
<!-- Without extra parameters -->
<!-- <div id="target" data-bind="dxhold: dxholdHandler">
    Target element
</div> -->
var viewModel = {
    dxholdHandler: function (viewModel, jQueryEvent) {
        alert(`The ${$(jQueryEvent.target).text()} element is being held for ${jQueryEvent.data.timeout} ms.`);
    }
}
NOTE
Knockout does not provide an API to unsubscribe from an event.

See Knockout documentation for details.

AngularJS
HTML
JavaScript
<div id="target" dx-hold="{ execute: 'dxholdHandler($event)', timeout: 1000 }">
    Target element
</div>
<!-- Without extra parameters -->
<!-- <div id="target" dx-hold="dxholdHandler($event)">
    Target element
</div> -->
angular.module('DemoApp', ['dx'])
    .controller('DemoController', function DemoController($scope) {
        $scope.dxholdHandler = function (jQueryEvent) {
            alert(`The ${$(jQueryEvent.target).text()} element is being held for ${jQueryEvent.data.timeout} ms.`);
        }
    });
NOTE
AngularJS does not provide an API to unsubscribe from an event.

dxclick

Raised when the element is clicked.

Module: events/click
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery.

The native click event waits 300 ms after the element was clicked. This time interval is required to wait for the second click. If a user clicks the element one more time during this time span, the dblclick event is raised instead of the click. The dxclick event is raised immediately after the element is clicked.

See Also

dxcontextmenu

Raised when the right mouse button is clicked on the element or when the element is held during a specified time period.

Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery.

See Also

dxdblclick

Raised when a user has performed a double click on the element.

Module: events/dblclick
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery.

See Also

dxdrag

Raised when the drag gesture has been performed.

Module: events/drag
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following fields are added to existing fields of this argument object.

Object structure:
Name Type Description
offset

Number

The ratio between the drag distance and the target element's width.
cancel

Boolean

Allows you to cancel the gesture processing.

See Also

dxdragend

Raised when the drag gesture has been completed.

Module: events/drag
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following fields are added to existing fields of this argument object.

Object structure:
Name Type Description
offset

Number

The ratio between the drag distance and the target element's width.
cancel

Boolean

Allows you to cancel the gesture processing.

See Also

dxdragenter

Raised when a user moves the pointer into the element, provided that the drag gesture is being performed.

Module: events/drag
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following field is added to existing fields of this argument object.

Object structure:
Name Type Description
draggingElement

DOM Node

The element being dragged.

See Also

dxdragleave

Raised when a user moves the pointer out of the element, provided that the drag gesture is being performed.

Module: events/drag
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following field is added to existing fields of this argument object.

Object structure:
Name Type Description
draggingElement

DOM Node

The element being dragged.

See Also

dxdragstart

Raised when the drag gesture has been started.

Module: events/drag
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following field is added to existing fields of this argument object.

Object structure:
Name Type Description
cancel

Boolean

Allows you to cancel the gesture processing.

See Also

dxdrop

Raised when dragged data has been dropped on the element.

Module: events/drag
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following field is added to existing fields of this argument object.

Object structure:
Name Type Description
draggingElement

DOM Node

The element being dragged.

See Also

dxhold

Raised when the element is being held during a specified time.

Module: events/hold
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery.

To specify the time span after which the event is raised, pass the object containing the timeout property to the function subscribing to the event.

JavaScript
$("#myElement").on("dxhold", { timeout: 1000 }, function() {
    alert("The element is being held during 1000 milliseconds");
});
See Also

dxhoverend

Raised when the mouse pointer leaves the element.

Module: events/hover
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery.

NOTE
This event requires the mouse pointer, and is hence supported only by desktop browsers.
See Also

dxhoverstart

Raised when the mouse pointer appears over the element.

Module: events/hover
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery.

NOTE
This event requires the mouse pointer, and is hence supported only by desktop browsers.
See Also

dxpinch

Raised when the pinch gesture has been performed.

Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following fields are added to existing fields of this argument object.

Object structure:
Name Type Description
scale

Number

The ratio between the current and initial scales.
deltaScale

Number

The ratio between the current and previous scales.
cancel

Boolean

Allows you to cancel the gesture processing.

See Also

dxpinchend

Raised when the pinch gesture has been completed.

Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following fields are added to existing fields of this argument object.

Object structure:
Name Type Description
scale

Number

The ratio between the current and initial scales.
deltaScale

Number

The ratio between the current and previous scales.
cancel

Boolean

Allows you to cancel the gesture processing.

See Also

dxpinchstart

Raised when the pinch gesture has been started.

Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following field is added to existing fields of this argument object.

Object structure:
Name Type Description
cancel

Boolean

Allows you to cancel the gesture processing.

See Also

dxpointercancel

Raised when the browser decides that the pointer is unlikely to produce any more events.

Module: events/pointer
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following field is added to existing fields of this argument object.

Object structure:
Name Type Description
pointerType

String

The type of the device that raised the event: mouse, pen or touch.

The event can be raised because of a hardware event; such as, if a device changes the screen orientation while the pointer is active or the number of simultaneous pointers exceeds the supported number, etc.

See Also

dxpointerdown

Raised when the pointer takes on the active buttons state.

Module: events/pointer
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following field is added to existing fields of this argument object.

Object structure:
Name Type Description
pointerType

String

The type of the device that raised the event: mouse, pen or touch.

For a mouse pointer, this event is raised when the mouse state changes from no buttons pressed to at least one button pressed. For touch and pen pointers, the event is raised when physical contact is made with the digitizer.

See Also

dxpointerenter

Raised when a pointer is moved to either the hit test area of an element or one of its descendants.

Module: events/pointer
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following field is added to existing fields of this argument object.

Object structure:
Name Type Description
pointerType

String

The type of the device that raised the event: mouse, pen or touch.

See Also

dxpointerleave

Raised when a pointer is moved from either the hit test area of an element or one of its descendants.

Module: events/pointer
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following field is added to existing fields of this argument object.

Object structure:
Name Type Description
pointerType

String

The type of the device that raised the event: mouse, pen or touch.

See Also

dxpointermove

Raised when any pointer parameter has been changed. (Position, tilt, pressure, button state, or contact geometry).

Module: events/pointer
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following field is added to existing fields of this argument object.

Object structure:
Name Type Description
pointerType

String

The type of the device that raised the event: mouse, pen or touch.

See Also

dxpointerout

Raised when a pointer is moved from either the hit test area of an element or one of its descendants.

Module: events/pointer
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following field is added to existing fields of this argument object.

Object structure:
Name Type Description
pointerType

String

The type of the device that raised the event: mouse, pen or touch.

See Also

dxpointerover

Raised when a pointer is moved to the hit test area of an element or one of its descendants.

Module: events/pointer
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following field is added to existing fields of this argument object.

Object structure:
Name Type Description
pointerType

String

The type of the device that raised the event: mouse, pen or touch.

See Also

dxpointerup

Raised when the pointer loses the active buttons state.

Module: events/pointer
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following field is added to existing fields of this argument object.

Object structure:
Name Type Description
pointerType

String

The type of the device that raised the event: mouse, pen or touch.

For a mouse pointer, this event is raised when the mouse state changes from at least one button pressed to no buttons pressed. For touch and pen pointers, the event is raised when physical contact is removed from the digitizer.

See Also

dxremove

Raised when a widget associated with an element is being removed from the DOM.

Module: events/remove
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery.

See Also

dxrotate

Raised when the rotate gesture has been performed.

Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following fields are added to existing fields of this argument object.

Object structure:
Name Type Description
rotation

Number

The rotation angle between the initial and current position.
deltaRotation

Number

The rotation angle between the previous and current position.
cancel

Boolean

Allows you to cancel the gesture processing.

See Also

dxrotateend

Raised when the rotate gesture has been completed.

Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following fields are added to existing fields of this argument object.

Object structure:
Name Type Description
rotation

Number

The rotation angle between the initial and current position.
deltaRotation

Number

The rotation angle between the previous and current position.
cancel

Boolean

Allows you to cancel the gesture processing.

See Also

dxrotatestart

Raised when the rotate gesture has been started.

Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following field is added to existing fields of this argument object.

Object structure:
Name Type Description
cancel

Boolean

Allows you to cancel the gesture processing.

See Also

dxswipe

Raised when the swipe gesture has been performed.

Module: events/swipe
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following fields are added to existing fields of this argument object.

Object structure:
Name Type Description
offset

Number

The ratio between the swipe distance and the target element's width or height.
cancel

Boolean

Allows you to cancel the gesture processing.

The event supports the direction option that specifies whether the event is raised for horizontal or vertical scrolling. The option can take on the "vertical" and "horizontal" values. The default option value is "horizontal".

See Also

dxswipeend

Raised when the swipe gesture is finished.

Module: events/swipe
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following fields are added to existing fields of this argument object.

Object structure:
Name Type Description
offset

Number

The ratio between the swipe distance and the target element's width or height.
targetOffset

Number

The ratio between the distance that should be passed to finish the motion and the target element's width or height.

The event supports the direction option, which specifies whether the event is raised for horizontal or vertical scrolling. The option can take on the "vertical" and "horizontal" values. The default option value is "horizontal".

See Also

dxswipestart

Raised when the swipe gesture is started.

Module: events/swipe
Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following field is added to existing fields of this argument object.

Object structure:
Name Type Description
cancel

Boolean

Allows you to cancel the gesture processing.

The event supports the direction option, which specifies whether the event is raised for horizontal or vertical scrolling. The option can take on the "vertical" and "horizontal" values. The default option value is "horizontal".

See Also

dxtransform

Raised when the transform gesture has been performed.

Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following fields are added to existing fields of this argument object.

Object structure:
Name Type Description
scale

Number

The ratio between the current and initial scales.
deltaScale

Number

The ratio between the current and previous scales.
rotation

Number

The rotation angle between the initial and current position.
deltaRotation

Number

The rotation angle between the previous and current position.
translation

Object

The distance between the initial and current position.
deltaTranslation

Object

The distance between the previous and current position.
cancel

Boolean

Allows you to cancel the gesture processing.

See Also

dxtransformend

Raised when the transform gesture has been completed.

Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following fields are added to existing fields of this argument object.

Object structure:
Name Type Description
scale

Number

The ratio between the current and initial scales.
deltaScale

Number

The ratio between the current and previous scales.
rotation

Number

The rotation angle between the initial and current position.
deltaRotation

Number

The rotation angle between the initial and previous position.
translation

Object

The distance between the initial and current position.
deltaTranslation

Object

The distance between the previous and current position.
cancel

Boolean

Allows you to cancel the gesture processing.

See Also

dxtransformstart

Raised when the transform gesture has been started.

Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following field is added to existing fields of this argument object.

Object structure:
Name Type Description
cancel

Boolean

Allows you to cancel the gesture processing.

See Also

dxtranslate

Raised when the translate gesture has been performed.

Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following fields are added to existing fields of this argument object.

Object structure:
Name Type Description
translation

Object

The distance between the initial and current position.
deltaTranslation

Object

The distance between the previous and current position.
cancel

Boolean

Allows you to cancel the gesture processing.

See Also

dxtranslateend

Raised when the translate gesture has been completed.

Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following fields are added to existing fields of this argument object.

Object structure:
Name Type Description
translation

Object

The distance between the initial and current position.
deltaTranslation

Object

The distance between the previous and current position.
cancel

Boolean

Allows you to cancel the gesture processing.

See Also

dxtranslatestart

Raised when the translate gesture has been started.

Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following field is added to existing fields of this argument object.

Object structure:
Name Type Description
cancel

Boolean

Allows you to cancel the gesture processing.

See Also

dxzoom Deprecated

Use the dxpinch event instead.

Raised when the zoom gesture has been performed.

Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following fields are added to existing fields of this argument object.

Object structure:
Name Type Description
scale

Number

The ratio between the current and initial scales.
deltaScale

Number

The ratio between the current and previous scales.
cancel

Boolean

Allows you to cancel the gesture processing.

See Also

dxzoomend Deprecated

Use the dxpinchend event instead.

Raised when the zoom gesture has been completed.

Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following fields are added to existing fields of this argument object.

Object structure:
Name Type Description
scale

Number

The ratio between the current and initial scales.
deltaScale

Number

The ratio between the current and previous scales.
cancel

Boolean

Allows you to cancel the gesture processing.

See Also

dxzoomstart Deprecated

Use the dxpinchstart event instead.

Raised when the zoom gesture has been started.

Type:

Event

Function parameters:
event:

Event (jQuery or EventObject)

The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery. The following fields are added to existing fields of this argument object.

Object structure:
Name Type Description
cancel

Boolean

Allows you to cancel the gesture processing.

See Also