みかづきブログ その3

3ヶ月つづけてみました。

touchendの座標を取得する

touchstart、touchmoveの座標等の情報は、touchesにアクセスすればOKなのですが、touchesには現在画面上にある指の情報の配列のため、touchend発生時は離れた指の情報は入っていません。そんなときはchangedtouchesにアクセスしましょう。


JavaScript

(function(win, doc) {

    "use strict";
    
    doc.addEventListener("touchend", handleTouchEnd, false);
    
    function handleTouchEnd(evt) {
        alert("X: " + evt.changedTouches[0].pageX +  ", Y: " + evt.changedTouches[0].pageY);
    }

})(this, document);

DEMO


参考サイト


TouchEvent - Web API インターフェイス | MDN