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

时间:2017-07-31 11:23:47

标签: jquery-ui focus draggable blur

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

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(),但其中没有一个似乎正常工作。或者我可能会错放它们。

0 个答案:

没有答案