JavaScript listening for touchend sometimes fires click event mobile

I have an app im building with phonegap.

I'm listening for touchstart/ touchend events to make it responsive.

Sometimes, the event listener for the touchend will fire, but then, for e.g, an input will focus afterwards as the click event is fired 300ms later.

an example is, i have a menu sidebar. each sidebar list item listens to the touchend event. on receiving the event, the sidebar closes and the relevant page is shown. however, if the relevant page contains a form element that is where the user had clicked for the sidebar list item, the form element will get focused.

what is the best way to stop this across the entire app? it happens in various scenarios which vary with different phones.

Ive tried things like stopPropagation etc but these only work ina few cases, and i need to have a generic cross-app solution rather than adding in for each function, if possible.

something like:

$('body').on('touchend', function(){
    //stop any further touchends/ clicks from firing
    //apart from the 1 i do want
})

Answer:1

You could try 'touchcancel' instead of 'touchend', see if it works :) good luck.

Answer:2

InnerHTML property of DOM element changed, but not rendering

so I'm using innerHTML to try to add a dom element with a count variable, I'm console.logging the dom element and the property innerHTML changed to what I want, but it's not rendering to the page/ ...

innerhtml property of element

What is the difference between code in javascript onchange and the same code in a function?

I am a novice at Javascript. But I have to use it in one of my projects. I have a tabbed control that sets the value of a hidden control from various events on the page (tab clicks and dropdowns). ...

what difference between bourbon and whiskey
what difference between vegan and vegetarian
what difference between psoriasis and eczema
what difference between flu a and b
what difference between ipad and ipad air
what difference between republic and democracy
what difference between inc and llc
what difference between chromebook and laptop
what difference between md and do
what difference between virus and bacteria
what difference between w2 and w4
what difference between perfume and eau de toilette
what difference between cold and flu
what difference between catholic and christian
what difference between diabetes 1 and 2
what difference between california king and king
what difference between macbook air and pro
what difference between airpod 1 and 2
what difference between medicare and medicaid
what difference between bipolar 1 and 2

VueJs: Focus on Input using v-el Directive inside v-repeat Directive

I display a list by using the v-repeat directive. http://jsfiddle.net/ftc9ev7p/1/ Please notice the dynamically created argument of the v-el directive, which is made of v-el="inputField{{task.id}}"...

vuejs focus input on load
vuejs focus input
vuejs focus input modal
vuejs input focus event
vuejs input focus out
vuejs input focus out event
vuejs input focus select all
vuejs focus next input
vuejs set focus input
vuejs auto focus input
vuejs give input focus
vuejs remove focus from input
vuejs if input focus

Different results when encrypting with Bouncy Castle and Node.js

I'm trying to perform the same encryption operation in Java (using Bouncy Castle) and Node.js, however I receive different results in each language. Below are my attempted implementations - can anyone ...

expecting different results when