How to detect a long touch pressure with javascript for android and iphone?

by

The problem with using Touch End to detect the long touch is it won’t work if you want the event to fire after a certain period of time. It is better to use a timer on touch start and clear the event timer on touch end. The following pattern can be used:

var onlongtouch; 
var timer;
var touchduration = 500; //length of time we want the user to touch before we do something

touchstart() {
    timer = setTimeout(onlongtouch, touchduration); 
}

touchend() {

    //stops short touches from firing the event
    if (timer)
        clearTimeout(timer); // clearTimeout, not cleartimeout..
}

onlongtouch = function() { //do something };

More Related Contents:

  1. Invoke native date picker from web-app on iOS/Android
  2. Can I prevent phone from sleep on a webpage
  3. Comparison between Corona, Phonegap, Titanium
  4. Detect a finger swipe through JavaScript on the iPhone and Android
  5. Detecting touch screen devices with Javascript
  6. Programmatically selecting text in an input field on iOS devices (mobile Safari)
  7. keyCode on android is always 229
  8. iScroll 4 not working with form element iPhone Safari and Android browser
  9. Position fixed not working in mobile browser
  10. Open android application from a web page
  11. Strange behavior of select/dropdown’s onchange() JS event when using ‘Next’ on Mobile Safari Dropdown list item select box
  12. Manually triggering the iPhone/iPad/iPod keyboard from JavaScript
  13. Can I use Javascript to get the compass heading for iOS and Android?
  14. How to play a video in a webview with android?
  15. What are some methods to debug Javascript inside of a UIWebView?
  16. HTML5 Audio can’t play through Javascript unless triggered manually once
  17. Disable zoom on input focus in Android webpage
  18. How can I request an increase to the HTML5 localstorage size on iPad, like the FT web app does?
  19. “Autoplay” HTML5 audio player on mobile browsers
  20. How do I hide the address bar on iPhone?
  21. What happens to JavaScript code after app is compiled using Titanium Mobile
  22. How do I put a clear button inside my HTML text input box like the iPhone does?
  23. In JavaScript can I make a “click” event fire programmatically for a file input element?
  24. jQuery document.createElement equivalent?
  25. How to fix getImageData() error The canvas has been tainted by cross-origin data?
  26. Creating Dynamic button with click event in JavaScript
  27. How to play a notification sound on websites?
  28. Appending form input value to action url as path
  29. Detect browser character support in javascript?
  30. Fire oninput event with jQuery

Leave a Comment