devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
77 lines (76 loc) • 2.58 kB
JavaScript
/**
* DevExtreme (esm/__internal/events/m_dblclick.js)
* Version: 24.2.6
* Build date: Mon Mar 17 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import {
name as clickEventName
} from "../../common/core/events/click";
import eventsEngine from "../../common/core/events/core/events_engine";
import {
addNamespace,
fireEvent
} from "../../common/core/events/utils/index";
import Class from "../../core/class";
import domAdapter from "../../core/dom_adapter";
import {
closestCommonParent
} from "../../core/utils/dom";
const DBLCLICK_EVENT_NAME = "dxdblclick";
const DBLCLICK_NAMESPACE = "dxDblClick";
const NAMESPACED_CLICK_EVENT = addNamespace(clickEventName, "dxDblClick");
const DBLCLICK_TIMEOUT = 300;
const DblClick = Class.inherit({
ctor() {
this._handlerCount = 0;
this._forgetLastClick()
},
_forgetLastClick() {
this._firstClickTarget = null;
this._lastClickTimeStamp = -300
},
add() {
if (this._handlerCount <= 0) {
eventsEngine.on(domAdapter.getDocument(), NAMESPACED_CLICK_EVENT, this._clickHandler.bind(this))
}
this._handlerCount += 1
},
_clickHandler(e) {
const timeStamp = e.timeStamp || Date.now();
const timeBetweenClicks = timeStamp - this._lastClickTimeStamp;
const isSimulated = timeBetweenClicks < 0;
const isDouble = !isSimulated && timeBetweenClicks < 300;
if (isDouble) {
fireEvent({
type: "dxdblclick",
target: closestCommonParent(this._firstClickTarget, e.target),
originalEvent: e
});
this._forgetLastClick()
} else {
this._firstClickTarget = e.target;
this._lastClickTimeStamp = timeStamp;
clearTimeout(this._lastClickClearTimeout);
this._lastClickClearTimeout = setTimeout((() => {
this._forgetLastClick()
}), 600)
}
},
remove() {
this._handlerCount -= 1;
if (this._handlerCount <= 0) {
this._forgetLastClick();
eventsEngine.off(domAdapter.getDocument(), NAMESPACED_CLICK_EVENT, void 0);
clearTimeout(this._lastClickClearTimeout);
this._handlerCount = 0
}
}
});
const dblClick = new DblClick;
export {
dblClick,
DBLCLICK_EVENT_NAME as name
};