引导日期选择器如何仅在释放鼠标单击时打开答案

【问题标题】：bootstrap datepicker how to open only when mouse click released引导日期选择器如何仅在释放鼠标单击时打开
【发布时间】：2021-06-23 09:57:06
【问题描述】：

我在我的应用程序中使用引导日期选择器。（参见https://uxsolutions.github.io/bootstrap-datepicker/?markup=component&format=&weekStart=&startDate=&endDate=&startView=0&minViewMode=0&maxViewMode=4&todayBtn=false&clearBtn=false&language=en&orientation=auto&multidate=&multidateSeparator=&keyboardNavigation=on&forceParse=on#sandbox）例如。

目前，当我点击日历的输入文本时，即使我不松开鼠标，组件也会显示。

您知道是否可以更改行为以仅在释放鼠标单击时显示组件？

我尝试了一些测试来捕捉点击输入文本时的事件，但没有成功。

谢谢！

【问题讨论】：

标签： javascript jquery bootstrap-datepicker

【解决方案1】：

如果您想更好地控制点击事件，可以使用 2 个事件来代替 click：mouseup 和 mousedown

elem.addEventListener('mousedown', e => {
  x = e.offsetX;
  y = e.offsetY;
});

elem.addEventListener('mouseup', e => {
  x = e.offsetX;
  y = e.offsetY;
});

【讨论】：

感谢您的回答，我能够通过阻止默认并停止在 mousedown 事件上传播事件，然后在 mouseup 事件上使用引导程序来实现行为（它有点脏） datepicker 函数来显示日历。