html5 - Kinetics JS "Click" or simple "Touch" event for Mobile device -
i using kinetic-v4.3.0-beta2.js
i want handle mobile touch event on group ios & android.
i binding event such following
group.on('touchstart', function (evt) { $('#onpopmenu').popup("open", { x: leftposition, y: topposition }); });
i tried 'touchend', 'touchstart' , 'tap'
got partial success in "tap" in case, shape draggable tap event not fire because object move it's place.
but if shape not draggable work fine.
i tried 'touchend' , 'touchstart' event popup menu close after event fire in ios , android opening jquery mobile popup touching group!
the popup menu open 2-3 seconds when touchstart event fired.
anyone faced same problem kinetic js mobile events? how handle "click" or "touch" event it.
i checked http://www.html5canvastutorials.com/kineticjs/html5-canvas-mobile-events/ reference had no luck!
i developing application phonegap + jqm + kinetics js
thanks in advance!
keep in mind application running inside webview. why you've got these 2/3 seconds of delay on touch/click event. why in phonegap dev, use fastclick.js. fastclick simple, easy-to-use library eliminating 300ms delay between physical tap , firing of click event on mobile browsers. aim make application feel less laggy , more responsive while avoiding interference current logic. can find here https://github.com/ftlabs/fastclick. it's easy use (if you're using jquery) :
<script type='application/javascript' src='/path/to/fastclick.js'></script> <script> $(function() { fastclick.attach(document.body); }); </script>
Comments
Post a Comment