diff options
author | David DeSandro <desandrocodes@gmail.com> | 2014-12-21 12:20:54 -0500 |
---|---|---|
committer | David DeSandro <desandrocodes@gmail.com> | 2014-12-21 12:20:54 -0500 |
commit | a3ff3a4a0684f77e7f3be9d0223aedd551cbeec4 (patch) | |
tree | e70f1d57be67b6a135538f2744ae660669dba2eb /sandbox/click2/demo.js | |
parent | 9e326512d2fb3f6b1821d2ce9ad8a62b82c475ef (diff) | |
download | flickity-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.js | 85 |
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'); -} |