本文整理匯總了TypeScript中@ephox/alloy.NativeEvents.touchmove方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript NativeEvents.touchmove方法的具體用法？TypeScript NativeEvents.touchmove怎麽用？TypeScript NativeEvents.touchmove使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類@ephox/alloy.NativeEvents的用法示例。
在下文中一共展示了NativeEvents.touchmove方法的1個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: function
//.........這裏部分代碼省略.........
onTab (dialog/*, specialInfo */) {
navigate(dialog, +1);
return Option.some(true);
},
onShiftTab (dialog/*, specialInfo */) {
navigate(dialog, -1);
return Option.some(true);
}
}),
AddEventsBehaviour.config(formAdhocEvents, [
AlloyEvents.runOnAttached(function (dialog, simulatedEvent) {
// Reset state to first screen.
resetState();
const dotitems = memDots.get(dialog);
Highlighting.highlightFirst(dotitems);
spec.getInitialValue(dialog).each(function (v) {
Representing.setValue(dialog, v);
});
}),
AlloyEvents.runOnExecute(spec.onExecute),
AlloyEvents.run(NativeEvents.transitionend(), function (dialog, simulatedEvent) {
const event = simulatedEvent.event() as any;
if (event.raw().propertyName === 'left') {
focusInput(dialog);
}
}),
AlloyEvents.run(navigateEvent, function (dialog, simulatedEvent) {
const event = simulatedEvent.event() as any;
const direction = event.direction();
navigate(dialog, direction);
})
])
])
};
})
);
const memDots = Memento.record({
dom: UiDomFactory.dom('<div class="${prefix}-dot-container"></div>'),
behaviours: Behaviour.derive([
Highlighting.config({
highlightClass: Styles.resolve('dot-active'),
itemClass: Styles.resolve('dot-item')
})
]),
components: Arr.bind(spec.fields, function (_f, i) {
return i <= spec.maxFieldIndex ? [
UiDomFactory.spec('<div class="${prefix}-dot-item ${prefix}-icon-full-dot ${prefix}-icon"></div>')
] : [];
})
});
return {
dom: UiDomFactory.dom('<div class="${prefix}-serializer-wrapper"></div>'),
components: [
memForm.asSpec(),
memDots.asSpec()
],
behaviours: Behaviour.derive([
Keying.config({
mode: 'special',
focusIn (wrapper) {
const form = memForm.get(wrapper);
Keying.focusIn(form);
}
}),
AddEventsBehaviour.config(wrapperAdhocEvents, [
AlloyEvents.run(NativeEvents.touchstart(), function (wrapper, simulatedEvent) {
const event = simulatedEvent.event() as any;
spec.state.dialogSwipeState.set(
SwipingModel.init(event.raw().touches[0].clientX)
);
}),
AlloyEvents.run(NativeEvents.touchmove(), function (wrapper, simulatedEvent) {
const event = simulatedEvent.event() as any;
spec.state.dialogSwipeState.on(function (state) {
simulatedEvent.event().prevent();
spec.state.dialogSwipeState.set(
SwipingModel.move(state, event.raw().touches[0].clientX)
);
});
}),
AlloyEvents.run(NativeEvents.touchend(), function (wrapper/*, simulatedEvent */) {
spec.state.dialogSwipeState.on(function (state) {
const dialog = memForm.get(wrapper);
// Confusing
const direction = -1 * SwipingModel.complete(state);
navigate(dialog, direction);
});
})
])
])
};
};