読者です 読者をやめる 読者になる 読者になる

読み書きプログラミング

日常のプログラミングで気づいたことを綴っています

Android Chromeで初回ロード時、touchstartがトリガーされない。

Android Chrome

ご存知でしたら対処法教えてください。
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>