Technology

マルチタッチ検出

投稿日:2020年2月4日 更新日:

スマートフォン, タブレットなどタッチイベントを検出します。

DEMO

window.addEventListener('load', (event) => {
    let e: HTMLElement | null = document.querySelector('#canvas-wrapper canvas');

    ["touchstart", "touchmove", "touchend"].forEach((type: any) => {
        if (!e) return;
        e.addEventListener(type, (event: TouchEvent) => {
            event.preventDefault();
            let e: HTMLElement | null = document.querySelector('#info');
            let s: string = '';
    
            if(!e) return;
    
            e.innerHTML = '';
            for (var i = 0; i < event.touches.length; i++) {
                var t = event.touches[i];
                s += "[" + i + "]";
                s += "x=" + t.pageX + ",";
                s += "y=" + t.pageY + "<br>";
            }
            e.innerHTML = s;
        }, { passive: false });
    })
})

-Technology
-,

執筆者:

関連記事

CentOS8のリポジトリ参照先をCentOS Stream 8に変更する

CentOS Project の方針変更の発表がされました。 https://blog.centos.org/2020/12/future-is-centos-stream/ 要約すると、CentOS …

node.jsの最大メモリを増やす

node.jsの最大メモリは2GBです。メモリ不足でWebpackのビルドが落ちることがあります。 FATAL ERROR: Ineffective mark-compacts near heap l …

Raspberry Pi 4 を 外部ストレージで起動する。OSはCentOS8

CentoOS8 Raspberry Pi 4用イメージをダウンロード https://people.centos.org/pgreco/CentOS-Userland-8-stream-aarch6 …

cactiのトラブル

1.2.10 インストールが41%から進まない Cacti_Stats.xml.gz が壊れているので置き換える。 This was due to a damaged Cacti_Stats pack …

pgpool-II オンラインリカバリスクリプト の修正

課題 pgpoolに付属のオンラインリカバリスクリプトが実行できない Postgres プライマリのホスト名の名前解決ができない「レプリケーションスロット名が不正」となる 環境 CentOS7Post …