Javascript mouseup和mousedown在jquery中不一起工作

说明：

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

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

当鼠标正确按下时发出警报

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

当鼠标向上时，它可以正常工作

当我放置除alert之外的其他内容时，问题开始出现。在我的例子中，我在mousedown上向$（“#pom”）添加了一个类，并在鼠标启动时删除该类，但它仅以一种方式发生。该类在鼠标按下时确实会被添加，但在鼠标上升时不会被删除。欢迎任何解决方案：）

问题演示：

---

只是一个指针。这是问题的根源

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

更新：

我可能忽略了您希望代码做什么的要点，但无论如何，元素没有旋转。试试这个（根据你的心意调整）：

---

最后，正如Marc B所指出的，如果你在mousedown上移动元素，mouseup很有可能不会触发。

你能用你的代码重现这个问题吗？根据文档：

当鼠标指针在元素上时，mouseup事件被发送到元素，鼠标按钮被释放。

。如果在不在元素上执行鼠标悬停，则不会在该元素上触发事件。它在此处正常工作：。您必须检查元素，当您将鼠标悬停在文本上时，您将看到，然后单击它添加类，然后取消单击并删除类。如果您在单击鼠标时将鼠标移走，它将使类保持在那里。应该像预期的那样工作，如果您有问题，请发布带有问题的实际代码，最好是一个提琴。而且它可以工作。这是2D旋转。。。我在标题中特别写了一个像门铰链一样的3D旋转。对不起，我把它和其他东西弄混了。。但是我仍然想在3D中旋转它，当点击被释放时div应该会回来检查这个的源代码

#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%;

    }