When exactly does the JavaScript element touchleave fire?

Bohne47ByBohne47

I thought it would work if you clicked a button, for example, and then moved your finger away from the clicked button. But it doesn't work. (Nothing happens.)

 let DerButton = document.getElementById('MeinButton'); DerButton.addEventListener('touchleave', leave); function leave(){ alert('der Finger hat den Bereich verlassen');

In case I completely misunderstood: Is there another event handler that does this?

Kind regards,

Bean47

(2 votes)
Loading...

Similar Posts

Python / Database: Can you explain this piece of code to me?

ByLindner12

Hello! I don't fully understand this section of code. Can you explain it to me? dbresult = cursor.fetchall() # erzeuge aus jedem gefundenen Datensatz ein Objekt der Klasse Adresse adressen = [] for result in dbresult: # aus jedem Tuppel ein Objekt der Klasse Adresse bauen adresse = Adresse(result[0], result[1], result[2], result[3]) # alle Adressen…

Subscribe
Notify of
8 Answers
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Babelfish
Babelfish
2 years ago

The tochleave event has been suggested, but never accepted by the W3C. What touch events are available here:

https://www.mediaevent.de/javascript/touch-events.html

1
Bohne47
Author
Bohne47
2 years ago
Reply to  Babelfish

That explains a lot… why is that online? I don’t care. But is there another way to trade? My current problem is: by touchstart an animation is called, and by touching it ends, but if the user clicks on the button, but does not let go, but with the finger from the button ‘runterwischt’, the animation runs endlessly.

0
Babelfish
Babelfish
2 years ago
Reply to  Bohne47

I’ve just tested it, and this is where it’s going clean:

https://jsfiddle.net/Babelfisch/c7htn0ry/22/

There is still the touchcancel event but I couldn’t trigger it.

1
Bohne47
Author
Bohne47
2 years ago

Thank you.

1
Babelfish
Babelfish
2 years ago

You can stop this with CSS:

.inner {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
1
Bohne47
Author
Bohne47
2 years ago

My current problem is all that the text is always chosen if you tap on your finger too long. And then it goes on endlessly. But why not mix it?

0
Babelfish
Babelfish
2 years ago

So I wouldn’t work with two completely different event types. It can only go wrong. Either the touch events or focus/blur but not so and so.

But as you can see in my little example, the touch events are really enough.

1
Bohne47
Author
Bohne47
2 years ago

Yeah, I’ve added the Blur Event now, and now it’s okay.

0