在安卓ADB中启用Touch In FullCalendar

Question

我想在fullCalendar中启用触摸输入，并制作一个完整的日历网站，以便在Android ADB和localhost中工作。我可以在 ADB 和本地主机中访问我的网站，但我无法触摸 android ADB 中的日历框。 我尝试在网站标题中包含jQuery UI Touch Punch(punch.js(，但没有成功。

<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/punch.js"></script>
<link  rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link  rel="stylesheet" type="text/css" href="css/bootstrap.min.css.map">
<link rel="stylesheet" type="text/css" href="css/fullcalendar.css">
<link rel="stylesheet" type="text/css" href="css/fullcalendar.print.css" media="print">
<script type="text/javascript" src="js/moment.min.js"></script>
<script type="text/javascript" src="js/fullcalendar.js"></script>
<script type="text/javascript" src="js/script.js"></script>

脚本.js包含我的日历，我以这种方式声明它：

var calendar = $('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'agendaDay,agendaWeek,month'
},
defaultView: 'month',
editable: true,
selectable: true,
allDaySlot: false,
displayEventTime: true,
slotDuration: '03:00:00',
contentHeight: 'auto',

然后我使用如下函数：

eventClick: function (event, jsEvent, view) {
endtime = $.fullCalendar.moment(event.end).format('h:mm');
starttime = $.fullCalendar.moment(event.start).format('dddd, MMMM Do YYYY, h:mm');
var mywhen = starttime + ' - ' + endtime;
$('#modalTitle').html(event.title);
$('#modalWhen').text(mywhen);
$('#eventID').val(event.id);
$('#calendarModal').modal();
},

我还在 HTML 声明中使用引导样式：

<div class ="row">
<!-- add calander in this div -->
<div class="container">
<div id="calendar">
</div>
</div>
</div>

在 PC Web 浏览器中，这按预期工作，但在 android Web 浏览器中，当我触摸日历事件框时，浏览器不会做出反应。

有没有办法让我的网站识别日历事件框上的触摸？

更新：当我在Android 7.0 ADB中更新到最新的chrome版本时，拖放工作，但是事件单击并单击空白框以添加事件不起作用。

Answer 1

要触发"选择"回调(为了选择空白区域(，您必须按下日历上的空白插槽 1 秒钟，而不仅仅是点击。如果您想更改selectLongPressDelay设置，您可以调整该设置，例如

selectLongPressDelay: 25

同时，eventClick应该只在触摸设备上工作，而无需任何进一步的调整。这是一个演示来说明这一点。

有关更多详细信息，请参阅 https://fullcalendar.io/docs/touch。