{"_id":"jquery.event.move","_rev":"4-f58d75ab62a5b00363b9c02b6cdf0051","name":"jquery.event.move","description":"jQuery special events movestart, move and moveend for tracking touch and mouse moves, throttled to browser animation frames, and exposing information about distance and velocity of fingers.","dist-tags":{"latest":"1.3.6"},"versions":{"1.3.6":{"name":"jquery.event.move","title":"jquery.event.move","version":"1.3.6","author":{"name":"Stephen Band","url":"http://stephband.info"},"dependencies":{"jquery":">=1.7.0"},"licenses":[{"url":"http://www.wtfpl.net/txt/copying/"}],"files":["js/jquery.event.move.js"],"main":"js/jquery.event.move.js","description":"jQuery special events movestart, move and moveend for tracking touch and mouse moves, throttled to browser animation frames, and exposing information about distance and velocity of fingers.","keywords":["touch","special","event","finger","move"],"homepage":"http://github.com/stephband/jquery.event.move","docs":"http://stephband.info/jquery.event.move","gitHead":"80071a7b3ddbd2c3f0c0bfc97eb1dcdfbb5e88f8","_id":"jquery.event.move@1.3.6","scripts":{},"_shasum":"ae8a03376f332895971b460442e166886d0789ec","_from":"./","_npmVersion":"1.4.28","_npmUser":{"name":"theofidry","email":"theo.fidry@gmail.com"},"maintainers":[{"name":"theofidry","email":"theo.fidry@gmail.com"}],"dist":{"shasum":"ae8a03376f332895971b460442e166886d0789ec","tarball":"https://registry.npmjs.org/jquery.event.move/-/jquery.event.move-1.3.6.tgz","integrity":"sha512-3wRpftn86GuShjpPCNJ+xAjGikLV7HoPXBXSvD3JjmQHKhIGItslhZ02swHDdZxtz1vat2/wa26dBdSF1a3Uig==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB1wnR6NSsYy3CPwqNvPvw/uALScgl+hntJaWQs8+OmnAiAWYNUm3xpEjNIChBpTJZZLPqeitEWLVU/ukHv3ku4heQ=="}]}}},"readme":"<h1>jquery.event.move</h1>\n\n<p>Move events provide an easy way to set up press-move-release interactions on mouse and touch devices.</p>\n\n\n<h2>Demo and docs</h2>\n\n<p><a href=\"http://stephband.info/jquery.event.move/\">stephband.info/jquery.event.move/</a></p>\n\n<h2>Move events</h2>\n\n<dl>\n\t<dt>movestart</dt>\n\t<dd>Fired following mousedown or touchstart, when the pointer crosses a threshold distance from the position of the mousedown or touchstart.</dd>\n\t\n\t<dt>move</dt>\n\t<dd>Fired on every animation frame where a mousemove or touchmove has changed the cursor position.</dd>\n\t\n\t<dt>moveend</dt>\n\t<dd>Fired following mouseup or touchend, after the last move event, and in the case of touch events when the finger that started the move has been lifted.</dd>\n</dl>\n\n<p>Move event objects are augmented with the properties:</p>\n\n<dl>\n  <dt>e.pageX<br/>e.pageY</dt>\n  <dd>Current page coordinates of pointer.</dd>\n  \n  <dt>e.startX<br/>e.startY</dt>\n  <dd>Page coordinates the pointer had at movestart.</dd>\n  \n  <dt>e.deltaX<br/>e.deltaY</dt>\n  <dd>Distance the pointer has moved since movestart.</dd>\n\n  <dt>e.velocityX<br/>e.velocityY</dt>\n  <dd>Velocity in pixels/ms, averaged over the last few events.</dd>\n</dl>\n\n<p>Use them in the same way as you normally bind to events in jQuery:</p>\n\n<pre><code class=\"js\">\njQuery('.mydiv')\n.bind('movestart', function(e) {\n\t// move starts.\n\n})\n.bind('move', function(e) {\n\t// move .mydiv horizontally\n\tjQuery(this).css({ left: e.startX + e.deltaX });\n\n}).bind('moveend', function() {\n\t// move is complete!\n\n});\n</code></pre>\n\n<p>To see an example of what could be done with it, <a href=\"http://stephband.info/jquery.event.move/\">stephband.info/jquery.event.move/</a></p>\n\n<h2>Tweet me</h2>\n\n<p>If you use move events on something interesting, tweet me <a href=\"http://twitter.com/stephband\">@stephband</a>!</p>","maintainers":[{"name":"theofidry","email":"theo.fidry@gmail.com"}],"time":{"modified":"2022-06-19T05:19:39.218Z","created":"2015-01-07T14:21:28.188Z","1.3.6":"2015-01-07T14:21:28.188Z"},"homepage":"http://github.com/stephband/jquery.event.move","keywords":["touch","special","event","finger","move"],"author":{"name":"Stephen Band","url":"http://stephband.info"},"readmeFilename":"README.md"}