Jquery点击鼠标事件问题

Question

这是我用于网站的所有按钮以展示跳转效果的代码段。这些按钮也可以具有click事件，以根据功能执行某些功能。

$("body").on("mousedown", ".btn", function () {
     $(this).css({
         "margin-top": "+=4px",
         "padding-bottom": "-=4px"
     });
 });

 $("body").on("mouseup", ".btn", function () {
     $(this).css({
         "margin-top": "-=4px",
         "padding-bottom": "+=4px"
     });
 });

在chrome和safari中的问题有时点击事件不起作用，但按钮mousedown和up工作正常。点击事件是否在chrome和safari中被鼠标取消了？

这个问题偶尔会发生吗？ 可能是什么问题？