fullCalendarというカレンダー表示のjsライブラリを使っているのですが、いくつかイベントを登録したらタップできる余白が少なくなり押しづらい状況になっています。
これを解消するべくイベント部を長押ししていた場合は下の要素であるfc-dayをタップしたことにして、daiclickを発動させたいと思っていますが下記コードでうまくいきません。
javascript
1$('.fc-event').css('pointer-events', ''); 2$('.fc-event').on('touchstart', function () { 3 var pointMoveFlag = false; 4 var modalOpenFlag = false; 5 var timer = setTimeout(function () { 6 //長押しした時に実行するイベント 7 modalOpenFlag = true; 8 document.getElementsByClassName('fc-day').click(); 9 }, 1000); //300ms以上タッチしてれば長押しと判断 10 function clearFunction() { 11 clearTimeout(timer); 12 } 13 $('.fc-event').on('touchend touchmove touchcancel', clearFunction); 14 console.log(calEvent); 15 $('.fc-event').on('touchend', function () { 16 if (modalOpenFlag === false) { 17 $('#modal-options2').iziModal('open'); 18 $('#del_date').html(''); 19 $('#del_date').html('<div id="date_format">' + unixTime2ymd(calEvent.start) + ' ' + calEvent.title + '</div>'); 20 $('#del_id').html(''); 21 $('#del_id').html('<input type="hidden" name="del_id" value="' + calEvent.id + '">'); 22 } 23 }); 24});
あなたの回答
tips
プレビュー