jQuery mouseup（）和mousedown（）示例

最新推荐文章于 2024-01-23 16:56:48 发布

cyan20115

最新推荐文章于 2024-01-23 16:56:48 发布

阅读量487

点赞数

文章标签： javascript ViewUI

jQuery mouseup（）和mousedown（）事件都是不言自明的，以验证是否按下或释放了鼠标按钮。

自己尝试

<html>
<head>

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

<style type="text/css">
	#mouseup, #mousedown{
		float:left;
		padding:8px;
		margin:8px;
		border:1px solid red;
		width:200px;
		height:150px;
		background-color:#999999;
	}
	
</style>

</head>

<body>

<h1>jQuery mouseup() and mousedown() examples</h1>

<div id="mouseup">
	<h2>mouseup</h2>
	 Fire when mouse over this element and released the mouse button.
</div>

<div id="mousedown">
	<h2>mousedown</h2>
	Fire when mouse over this element and pressed on the mouse button.
</div>

<script type="text/javascript">
		
$('#mouseup').mouseup(function(){
	$('#mouseup').slideUp();
});

$('#mousedown').mousedown(function(){
	$('#mousedown').fadeOut();
});

</script>

</body>
</html>

试试演示