📜  jQuery | mouseup() 示例(1)

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

jQuery | mouseup() 示例

mouseup() 是一个 jQuery 方法,它用于在释放鼠标按钮时执行一个函数。

语法
$(selector).mouseup(function)

参数 function 是当鼠标按钮被释放时要执行的函数。

示例
<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script>
        $(document).ready(function(){
            $("p").mouseup(function(){
                alert("鼠标按钮被释放了!");
            });
        });
    </script>
</head>

<body>
    <p>试试在这个段落上释放鼠标按钮!</p>
</body>
</html>

这个示例首先通过 $(document).ready() 方法等待整个文档都加载完成,然后使用 $("p").mouseup() 方法来监听页面上的所有段落的鼠标释放事件。当鼠标按钮被释放时,显示一个 alert 弹窗。

总结

mouseup() 方法是 jQuery 提供的一个简单易用的鼠标事件处理方法。它可以用于在鼠标按钮被释放时执行一些特定的任务。需要注意的是,它只能应用于 DOM 元素。