bootstrap 日期选择器如何只有在鼠标点击松开时才打开

Question

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

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

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

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

谢谢！

Answer 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;
});

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