clickとtouchstartを書き分けない方法 Javascript

作成日: 2024年02月12日

clickとtouchstartを書き分けない方法

スマホとPCではイベントが異なるのでclickとtouchstartなど書き分けをするのは大変。あらかじめ自動判定できるような関数を作っておいて…

export function switchEvent(): string {
  const isTouchable: boolean = 'ontouchstart' in window;
  let listner: string = '';
  if (isTouchable === true) {
    listner = 'touchstart';
    console.log('touchable');
  } else {
    listner = 'click';
    console.log('distouchable');
  }
  return listner;
}

export function switchEvent(): string {

const isTouchable: boolean = 'ontouchstart' in window;

let listner: string = '';

if (isTouchable === true) {

listner = 'touchstart';

console.log('touchable');

} else {

listner = 'click';

console.log('distouchable');

}

return listner;

}

使いたいところで呼び出して使う。(今回はTypescriptで書いたけど)

import { switchEvent } from './....';

const btn = document.querySelector('.btn');

btn.addEventlistner(switchEvent, (e) => {
 console.log(`${e.type}`);
});

import { switchEvent } from './....';

const btn = document.querySelector('.btn');

btn.addEventlistner(switchEvent, (e) => {

console.log(`${e.type}`);

});

コメントをするコメントをキャンセル

コメントはありません。

clickとtouchstartを書き分けない方法 Javascript

clickとtouchstartを書き分けない方法

コメントをする コメントをキャンセル

コメント

コメントをするコメントをキャンセル