Last active
December 11, 2015 21:18
-
-
Save kTmnh/4661261 to your computer and use it in GitHub Desktop.
iOS 6 timer bug test sample.
Apparently, Apple fixed the problem on iOS 6.1.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> | |
| <script> | |
| window.onload = function() { | |
| var element = document.getElementById("test"); | |
| var result = document.getElementById("result"); | |
| var count = 0; | |
| element.addEventListener("touchend", function() { | |
| //if element fired touchend event, then add texts into the result element. | |
| result.innerHTML += "TouchEnd<br>"; | |
| //then also starts the setTimeout timer at the sametime. | |
| setTimeout(function() { | |
| //but this timer doesn't fire if scroll event fires at the top window. | |
| //as a result, this "Timeout" text not inserted if the element flicked down. | |
| result.innerHTML += "Timeout<br>"; | |
| }, 10); | |
| }); | |
| } | |
| </script> | |
| <style> | |
| #test { | |
| width:200px; | |
| height:200px; | |
| border:1px solid #000000; | |
| -webkit-user-select:none; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="test">Tap or flick down me!</div> | |
| <div id="result"></div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment