📌  相关文章
📜  jQuery | mousedown() 示例(1)

📅  最后修改于: 2023-12-03 15:32:12.314000             🧑  作者: Mango

jQuery | mousedown() 示例

简介

mousedown() 方法是 jQuery 中一个事件方法，其作用是在指定元素上绑定鼠标按下事件。当用户在指定元素上按下鼠标时，mousedown() 方法会触发绑定的回调函数。

语法

mousedown() 方法有一个可选的选择器参数，用于筛选触发事件的元素。方法的基本语法如下：

$(selector).mousedown(function)

其中：

  • selector：可选的选择器字符串，用于筛选触发事件的元素。
  • function：绑定的回调函数。
示例

以下示例演示了如何在一个按钮上绑定 mousedown() 事件，当用户在按钮上按下鼠标时，弹出提示框：

<!DOCTYPE html>
<html>
  <head>
    <title>jQuery | mousedown() 示例</title>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  </head>
  <body>
    <button id="myBtn">按下我</button>
    <script>
      $("#myBtn").mousedown(function(){
        alert("你按下了按钮！");
      });
    </script>
  </body>
</html>

在此示例中，我们首先在 head 元素中引入了 jQuery 库。然后在 body 元素中创建了一个按钮，并用 $("#myBtn") 选择器选中了该按钮，然后使用 mousedown() 方法将一个匿名函数绑定到该按钮上。

当用户在按钮上按下鼠标时，绑定的回调函数会被触发，弹出提示框。运行上述代码，我们将得到以下效果：

示例效果

注意事项
  • mousedown() 方法只能绑定在元素上，无法绑定在 document 或 window 上。
  • 对于 mousedown 事件，一定是在鼠标按下后立即触发，无法在鼠标松开时触发。如果需要在鼠标松开时触发事件，应该使用 mouseup() 方法。
  • mousedown() 方法仅仅是在鼠标按下时触发，如果需要在鼠标拖动过程中响应事件，应该使用 mousemove() 方法。