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

问题描述

我在我的应用程序中使用引导日期选择器。 （参见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）例如。

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

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

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

谢谢！

解决方法

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

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

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

此处有更多文档https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseup_event