Question

我有以下情况：有两个DIV元素在同一位置和相同尺寸处绝对定位。 div元素a的z-index为10，div元素b的z-index为20。 Div元素a是可拖动的，但div元素b不可拖动。

现在我想在mousedown元素之后改变焦点。如果用户在div元素b上按下鼠标按钮，则焦点应该在div元素a上，以便可以拖动它而不必停止按下鼠标按钮。

这可能吗？我怎么能意识到这一点？我的第一种方法不起作用：

<style type="text/css">
    #elementa{position:absolute;top:0;left:0;width:50px;height:50px;z-index: 10;}
    #elementb{position:absolute;top:0;left:0;width:50px;height:50px;z-index: 20;}
</style>
    <div id="elementa"></div>
    <div id="elementb"></div>

$('#elementb').mousedown (function(){
    $('#elementb').unbind("mousemove");
    $('#elementb').blur();
    $('#elementb').css({'display': 'none'});
    $( '#elementa').focus();
});

Answer 1

我猜你所需要的就是在后面展示一些隐藏的宝石。当用户点击它时显示宝石并使其可拖动。

这就是我对此所做的。可能这可能会有所帮助。这个就像魅力......

A会立即变得拖延...... 在这里找到我的代码

var b = $("#b");
$(".containerTest").on("mousedown", function(evnt){
     b.css({'display': 'none'});
});

https://jsfiddle.net/Peripona/7kpge52e/

Answer 2

PdfStamper

如何使用jQuery改变对mousedown的关注？

2 个答案:

DEMO