touch, click, pointerの実装 前編 タッチイベントとマウスイベント このシリーズでは、タッチ/マウスイベント系の実装を考えます。第1回目はタッチイベントとはなにか、また、タッチイベントとマウスイベントの判別について解説します。 はじめに iPhone、Androidが登場したのはもう何年も前ですが、さらにWindows8も登場し、いろいろと状況が変化してきました。Windows8を搭載したPCの多くはタブレットデバイスのように、画面に触れることができるようになっています。 しかしながら、これらのデバイスはマウスを使っても操作できるようにもなっています。今後、どのようにタッチ/マウスのイベントを扱っていけばよいのかは、これからのウェブ開発において、より重要になっていくはずです。 そこでこのシリーズでは、タッチ/マウスイベント系のブラウザへの実装を整理し、それらのブラウザに
![touch, click, pointerの実装 | 前編 タッチイベントとマウスイベント](https://cdn-ak-scissors.b.st-hatena.com/image/square/4ced7de259306c02e0ba9241dc4e864cdb23e748/height=288;version=1;width=512/https%3A%2F%2Fcodegrid.imgix.net%2Fimage.png%3Fixlib%3Djs-3.8.0%26w%3D1200%26h%3D630%26mark%3Dhttps%253A%252F%252Fcodegrid.imgix.net%252F~text%253Fixlib%253Djs-3.8.0%2526w%253D1000%2526txt%253D%2525E3%252582%2525BF%2525E3%252583%252583%2525E3%252583%252581%2525E3%252582%2525A4%2525E3%252583%252599%2525E3%252583%2525B3%2525E3%252583%252588%2525E3%252581%2525A8%2525E3%252583%25259E%2525E3%252582%2525A6%2525E3%252582%2525B9%2525E3%252582%2525A4%2525E3%252583%252599%2525E3%252583%2525B3%2525E3%252583%252588%2526txt-fit%253Dmax%2526txt-size%253D57%2526txt-font%253DHiragino%252520Sans%252520W5%2526txt-color%253Dfff%26mark-x%3D90%26mark-y%3D195%26blend%3D%25230269D8%26blend-mode%3Doverlay%26txt%3Dtouch%252C%2520click%252C%2520pointer%25E3%2581%25AE%25E5%25AE%259F%25E8%25A3%2585%2520%257C%2520%25E5%2589%258D%25E7%25B7%25A8%26txt-align%3Dtop%252Cleft%26txt-font%3DHiragino%2520Sans%2520W5%26txt-size%3D30%26txt-pad%3D100%26txt-color%3Dfff)