javascript - mouseup 和 mousedown 在 jquery 中不能一起工作

Question

描述:

我有以下代码可以正常工作

$("#pom").mousedown(function(){
alert("mouse_down");    
});

它会在鼠标正确按下时发出警报

$("#pom").mouseup(function(){
alert("mouse_up");      
});

鼠标松开时它可以正常工作

当我放置警报以外的其他内容时，问题就开始了。在我的例子中，我在 mousedown 上向 $("#pom") 添加一个类，并在鼠标启动时删除该类，但它仅以一种方式发生。当鼠标按下时该类会被添加，但当鼠标抬起时不会被删除。任何解决方案表示赞赏:)

问题演示:

Demo

Answer 1

只是一个指针。评论指出它导致了问题。

.rotate{
    -webkit-transform: rotateY(50deg);
    /*-webkit-transform-origin: 0% 50%;*/
}

更新:

关于您希望您的代码执行的操作，我可能遗漏了要点，但无论如何该元素都没有旋转。试试这个(根据您的心意调整):

#pom
    {
        width: 200px;
        height: 100px;
        background-color: yellow;
        border-radius: 3px;
        border: solid #444444 3px;
    }
    .rotate
    {
        -ms-transform: rotate(45deg); /* IE 9 */
        -ms-transform-origin: 20% 40%; /* IE 9 */
        -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
        -webkit-transform-origin: 20% 40%; /* Chrome, Safari, Opera */
        transform: rotate(45deg);
        transform-origin: 20% 40%;

    }

最后，正如 Marc B 指出的那样，如果您在 mousedown 上移动元素，则 mouseup 不会触发的可能性很高。