jQuery鼠标事件之mousedown与mouseup事件
上一节
下一节
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>16.2jQuery鼠标事件之mousedown与mouseup事件</title>
<script src="../js/jquery-3.1.1.min.js"></script>
<script>
$(function(){
//1.mousedown():当鼠标指针移到元素上方，并按下鼠标按键时，会发生mousedown事件，触发mousedown事件后调用运行函数。
$('#p1').mousedown(function(){$(this).css('background-color','#CCC');});
//2.mouseup():当在元素上方松开鼠标时候，会发生mouseup事件
$('#p2').mouseup(function(){$(this).css('background-color','#FCC')});
});
</script>
</head>
<body>
<p id="p1">请在此处按下鼠标，改变背景颜色。</p>
<p id="p2">请在此处松开鼠标，改变背景颜色。</p>
</body>
</html>
效果图
