Hatena::Groupweb

vantguarde

 | 

9.15

IE10のタッチイベントってなんだろう

| 00:18

IE10のスタンドアローンなPPかベータだしてよ!

さて、Keynoteを見てて、“Touch First”だとか言ってるしIE10でもタッチイベントなデモをやってておーって思ったんですが、どんなイベントを実装してるのかが気になりました。

W3CだとTouch Eventsなんて仕様がありますが、これはマルチタッチ(ジェスチャーって言えばいいのかな?)に対応してません。なのでそれをサポートしてたとしても足りないわけです。IE10のデモだとうりうりと画面を何本かの指で押してた感じなので、何かしらそういう仕組みがあるはず。なんだろう。

って、デモが公開されてるんだから、それを見ればいいんですね。ごそごそ。

ありました。http://ie.microsoft.com/testdrive/Graphics/TouchEffects/Demo.jsの66行目から。

// Determine correct events to register for
if(navigator.msPointerEnabled) {
    downevent = "MSPointerDown";
    upevent = "MSPointerUp";
    moveevent = "MSPointerMove";
    document.addEventListener("MSPointerCancel", function(e){ removeTouchPoint(e); }, false);
    document.addEventListener("MSGestureInit", function(e){ e.preventManipulation(); }, false);
    document.addEventListener("MSGestureHold", function(e){ e.preventDefault(); }, false);
}
else {
    downevent = "mousedown";
    upevent = "mouseup";
    moveevent = "mousemove";
}

navigator.msPointerEnabledという妙なプロパティでサポートを検知してますね。イベントは確認できる範囲で6つ。

  • MSPointerDown
  • MSPointerUp
  • MSPointerMove
  • MSPointerCancel
  • MSGestureInit
  • MSGestureHold

mouseでもなくtouchでもなくpointerと。マウスイベントも同じイベントをimplementしてるとかそういうモデルになってるんでしょうか。WebKitのtouchstartなどをサポートしなければならないはめになったりしないんだろうかとも思ったりしますが、どうなのでしょうね。

このpointerというの、Win8でも共通の概念なんですよねえきっと。さっぱりわからんちんです。ただ、タッチ/非タッチなものでtouchstart, mousedownとふたつのイベントを書く必要がないのは楽かなと。

2011-09-22 追記:

IEBlogにまさにこれを扱った記事が投稿されました。

g:subtech:id:mayukiさんのコメント(ありがとうございます!)にもあるとおり、mouse, touch, penを含めた抽象的な形式を"pointer"と呼んでいるようです。event.pointerTypeで形式もとれるようですが。

あとズームやパンを禁止するのに–ms-content-zooming: noneなんてプロパティがありますね。metauser-scalableよりは扱いやすい気はしますが、ここらへんもっと良い感じにできないかしら。

mayukimayuki2011/09/15 16:08WinRT上ではmouse, touch, penをひっくるめてPointerDeviceみたいですね。
http://msdn.microsoft.com/en-us/library/windows/apps/windows.devices.input(v=VS.85).aspx

実際のイベント的にはPointerPressed, PointerReleasedで名前が微妙に違う…。
http://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.core.corewindow(v=VS.85).aspx

SilverlightやWPFではタッチイベントは別になってたので区別なく扱えるようにしたのかもしれないですね。

 | 
Contact: @vant / lepetitcroissant@gmail.com.