イベントフロー」タグアーカイブ

スマホではtouchstartイベント、PCではclickイベント両方に対応する方法

スマホではtouchstartイベント、PCではclickイベント両方に対応する方法

Javascriptでクリックイベントだとスマホで反応がおもいので、タッチイベントと、クリックイベント両方を実装する方法。
touchstartイベント後にstopPropagation()でイベントフローをストップします。

    var showSmartPhoneMenu = function (e) {
      e.preventDefault();
      var $target = $(e.currentTarget);
      $target.toggleClass('on');
      e.stopPropagation();
    };
    $('#menuBtn').on('touchstart',showSmartPhoneMenu );
    $('#menuBtn').on('click',showSmartPhoneMenu);