0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【JQuery】レスポンシブ対応のイベント

Posted at

#画面幅をみて touchstart と click を分ける。

$(function() {
  var breakPoint = 768;
  var event = $(window).innerWidth() > breakPoint ? 'click' : 'touchstart';
  $('.target').on(event, function() {
    console.log("アクティブ");
  });
});

#デバイスをみてイベントを分ける。

上のやつでいいやん。
と思っていたら、タッチパネル付きのPCが結構普及しているようですね。
それもまとめようと思ったのですが、すでに素晴らしい記事があったので、
紹介させて頂きます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?