mirror of
https://github.com/zhigang1992/DefinitelyTyped.git
synced 2026-04-29 09:55:50 +08:00
Module name fix and tests
This commit is contained in:
117
hammerjs/hammerjs-commonjs-tests.ts
Normal file
117
hammerjs/hammerjs-commonjs-tests.ts
Normal file
@@ -0,0 +1,117 @@
|
||||
// Tests based on examples at http://hammerjs.github.io/examples/
|
||||
|
||||
/// <reference path="hammerjs.d.ts" />
|
||||
|
||||
import Hammer = require("hammerjs");
|
||||
|
||||
(() =>
|
||||
{
|
||||
var myElement = document.getElementById( 'myElement' );
|
||||
|
||||
// create a simple instance
|
||||
// by default, it only adds horizontal recognizers
|
||||
var mc = new Hammer( myElement );
|
||||
|
||||
// listen to events...
|
||||
mc.on( "panleft panright tap press", function ( ev )
|
||||
{
|
||||
myElement.textContent = ev.type + " gesture detected.";
|
||||
} );
|
||||
})();
|
||||
|
||||
|
||||
(() =>
|
||||
{
|
||||
var myElement = document.getElementById( 'myElement' );
|
||||
|
||||
// create a simple instance
|
||||
// by default, it only adds horizontal recognizers
|
||||
var mc = new Hammer( myElement );
|
||||
|
||||
// let the pan gesture support all directions.
|
||||
// this will block the vertical scrolling on a touch-device while on the element
|
||||
mc.get( 'pan' ).set( {direction: Hammer.DIRECTION_ALL} );
|
||||
|
||||
// listen to events...
|
||||
mc.on( "panleft panright panup pandown tap press", function ( ev:HammerInput )
|
||||
{
|
||||
myElement.textContent = ev.type + " gesture detected.";
|
||||
} );
|
||||
})();
|
||||
|
||||
|
||||
(() =>
|
||||
{
|
||||
var myElement = document.getElementById( 'myElement' );
|
||||
|
||||
var mc = new Hammer.Manager( myElement );
|
||||
|
||||
// create a pinch and rotate recognizer
|
||||
// these require 2 pointers
|
||||
var pinch = new Hammer.Pinch();
|
||||
var rotate = new Hammer.Rotate();
|
||||
|
||||
// we want to detect both the same time
|
||||
pinch.recognizeWith( rotate );
|
||||
|
||||
// add to the Manager
|
||||
mc.add( [pinch, rotate] );
|
||||
|
||||
|
||||
mc.on( "pinch rotate", function ( ev:HammerInput )
|
||||
{
|
||||
myElement.textContent += ev.type + " ";
|
||||
} );
|
||||
})();
|
||||
|
||||
|
||||
(() =>
|
||||
{
|
||||
var myElement = document.getElementById( 'myElement' );
|
||||
|
||||
// We create a manager object, which is the same as Hammer(), but without the presetted recognizers.
|
||||
var mc = new Hammer.Manager( myElement );
|
||||
|
||||
// Default, tap recognizer
|
||||
mc.add( new Hammer.Tap() );
|
||||
|
||||
// Tap recognizer with minimal 4 taps
|
||||
mc.add( new Hammer.Tap( {event: 'quadrupletap', taps: 4} ) );
|
||||
|
||||
// we want to recognize this simulatenous, so a quadrupletap will be detected even while a tap has been recognized.
|
||||
// the tap event will be emitted on every tap
|
||||
mc.get( 'quadrupletap' ).recognizeWith( 'tap' );
|
||||
|
||||
|
||||
mc.on( "tap quadrupletap", function ( ev )
|
||||
{
|
||||
myElement.textContent += ev.type + " ";
|
||||
} );
|
||||
})();
|
||||
|
||||
|
||||
(() =>
|
||||
{
|
||||
var myElement = document.getElementById( 'myElement' );
|
||||
|
||||
// We create a manager object, which is the same as Hammer(), but without the presetted recognizers.
|
||||
var mc = new Hammer.Manager( myElement );
|
||||
|
||||
|
||||
// Tap recognizer with minimal 2 taps
|
||||
mc.add( new Hammer.Tap( {event: 'doubletap', taps: 2} ) );
|
||||
// Single tap recognizer
|
||||
mc.add( new Hammer.Tap( {event: 'singletap'} ) );
|
||||
|
||||
|
||||
// we want to recognize this simulatenous, so a quadrupletap will be detected even while a tap has been recognized.
|
||||
mc.get( 'doubletap' ).recognizeWith( 'singletap' );
|
||||
// we only want to trigger a tap, when we don't have detected a doubletap
|
||||
mc.get( 'singletap' ).requireFailure( 'doubletap' );
|
||||
|
||||
|
||||
mc.on( "singletap doubletap", function ( ev )
|
||||
{
|
||||
myElement.textContent += ev.type + " ";
|
||||
} );
|
||||
})();
|
||||
2
hammerjs/hammerjs.d.ts
vendored
2
hammerjs/hammerjs.d.ts
vendored
@@ -7,7 +7,7 @@
|
||||
|
||||
declare var Hammer:HammerStatic;
|
||||
|
||||
declare module "Hammer" {
|
||||
declare module "hammerjs" {
|
||||
export = Hammer;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user