スマホでは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);
コメントを残す