Android Chromeで初回ロード時、touchstartがトリガーされない。
ご存知でしたら対処法教えてください。
Android Chromeで、タブを作成して以下のページにアクセスすると、#touch divをタッチしてもtouchstartがトリガーされません。ページをリロードすれば、トリガーされるようになります。初回ロードでもトリガーするようにするにはどうしたらいいでしょうか?
動作環境は以下の通りです。
1. Nexus 7 (2013)
2. Android 4.30 ビルド番号 JSS15Q
5. Chrome 29.0.1547.72
WebKitのバージョン 537.36(@156722)
JavaScriptのバージョン V8 3.19.18.21
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>touch start on Android</title> <style type="text/css"> #touch, #click { position: relative; left: 100px; top: 100px; width: 200px; height: 200px; border: solid 1px black; } </style> </head> <body> <div id="touch">Touch</div> <div id="click">Click</div> <script type="text/javascript"> document.getElementById('touch').addEventListener('touchstart', function () { alert('touch'); }, false); document.getElementById('click').addEventListener('click', function () { alert('click'); }, false); </script> </body> </html>