jqueryui datepicker 如何防止 onblur 事件？

Question

我目前正在研究jqueryui datepicker，但我不明白它如何防止输入上的 onblur 效果。

即：当您使用日期选择器单击输入时，会出现日历，并且您可以单击下个月/上个月，但输入保持焦点。您也可以单击日历中的任何位置，它不会消失。但是当您单击日历和输入之外的任何其他链接时，日历会消失并且链接有效，这意味着在包含 onclick 事件（用于关闭日历）的页面上不存在任何透明 div。

似乎有类似 onblur 事件绑定到输入。但是，当您在日历中单击时，不会触发此事件。他们是怎么做到的？

here 讨论了一个类似的问题，但在 jquery datepicker 中没有超时。

Answer 1

这就是它在 jqueryui datepicker 中的工作方式。 有一个输入和一个 onfocus 事件来显示日历 div。并且没有 onblur 事件。取而代之的是 onmousedown 事件，附加到整个文档。在那里，我们检查 event.target 及其父对象是否匹配我们的日历 div 类和输入。