summaryrefslogtreecommitdiffstats
path: root/sandbox/click2/demo.js
diff options
context:
space:
mode:
authorDavid DeSandro <desandrocodes@gmail.com>2014-12-21 12:20:54 -0500
committerDavid DeSandro <desandrocodes@gmail.com>2014-12-21 12:20:54 -0500
commita3ff3a4a0684f77e7f3be9d0223aedd551cbeec4 (patch)
treee70f1d57be67b6a135538f2744ae660669dba2eb /sandbox/click2/demo.js
parent9e326512d2fb3f6b1821d2ce9ad8a62b82c475ef (diff)
downloadflickity-dev-a3ff3a4a0684f77e7f3be9d0223aedd551cbeec4.zip
flickity-dev-a3ff3a4a0684f77e7f3be9d0223aedd551cbeec4.tar.gz
flickity-dev-a3ff3a4a0684f77e7f3be9d0223aedd551cbeec4.tar.bz2
remove sandbox/
Diffstat (limited to 'sandbox/click2/demo.js')
-rw-r--r--sandbox/click2/demo.js85
1 files changed, 0 insertions, 85 deletions
diff --git a/sandbox/click2/demo.js b/sandbox/click2/demo.js
deleted file mode 100644
index 444c7e1..0000000
--- a/sandbox/click2/demo.js
+++ /dev/null
@@ -1,85 +0,0 @@
-var box;
-var boxX = 0, boxY = 0;
-
-document.addEventListener( 'DOMContentLoaded', init, false );
-
-function init() {
- box = document.querySelector('#box');
-
- // box.querySelector('a').addEventListener( 'click', onAMousedown, false );
- // box.addEventListener( 'click', onClick, false );
- box.addEventListener( 'mousedown', onMousedown, false );
-
-}
-
-// ----- ----- //
-
-function onAMousedown( event ) {
- console.log('on a mousedown');
- event.preventDefault();
- event.stopPropagation();
-}
-
-// ----- mouse ----- //
-
-var mousedownX, mousedownY;
-var dragStartX, dragStartY;
-var dragStartBoxX, dragStartBoxY;
-var mouseDownEvent;
-
-function onMousedown( event ) {
- mouseDownEvent = event;
- event.preventDefault();
- mousedownX = event.pageX;
- mousedownY = event.pageY;
-
- window.addEventListener( 'mousemove', onMousemove, false );
- window.addEventListener( 'mouseup', onMouseup, false );
-}
-
-var isDragging = false;
-
-function onMousemove( event ) {
- // don't move until mouse has moved at least 3 pixels in any direction
-
- var moveX = event.pageX - mousedownX;
- var moveY = event.pageY - mousedownY;
- var bigMove = Math.max( Math.abs( moveX ), Math.abs( moveY ) );
-
- if ( !isDragging && bigMove > 3 ) {
- mouseDownEvent.preventDefault();
- mouseDownEvent.stopPropagation();
-
- dragStartX = event.pageX;
- dragStartY = event.pageY;
- // position of box when drag started
- dragStartBoxX = boxX;
- dragStartBoxY = boxY;
-
- isDragging = true;
- }
-
- if ( isDragging ) {
- boxX = dragStartBoxX + ( event.pageX - dragStartX );
- boxY = dragStartBoxY + ( event.pageY - dragStartY );
- box.style.left = boxX + 'px';
- box.style.top = boxY + 'px';
- }
-
-}
-
-function onMouseup() {
- if ( !isDragging ) {
- console.log('non drag click');
- }
-
- isDragging = false;
- window.removeEventListener( 'mousemove', onMousemove, false );
- window.removeEventListener( 'mouseup', onMouseup, false );
-}
-
-// ----- click ----- //
-
-function onClick() {
- console.log('click');
-}