拖动元素会导致输入字段聚焦

Question

我目前有一个包含输入字段和叠加层的元素。 叠加层可防止输入字段专注于拖动父级。

HTML：

<div class="draggableObject ui-draggable"> // z-index 300
    <div class="objectContent">
        <input value="500"></input> // z-index 301
        <div class="overlay"></div>  // z-index 302
    </div>
</div>

的Javascript / jQuery的：

$(".overlay").on('click touchstart', function(){
    $(this).parent().find('input').focus();
});
$('draggableObject').on('drag', function(){
    $(this).find('input').blur();
});

如果我拖动元素并释放鼠标按钮，则会导致叠加层触发click事件。我怎样才能防止这种情况发生？

我尝试过preventDefault（）和stopPropagation（），但其中没有一个似乎正常工作。或者我可能会错放它们。