$('document').ready(function(){
$('#lastClick').on(
{mouseup:
function(){
$('#lastClick').html('up');
},
mousedown:
function(){
$('#lastClick').html('down');
}
});
});
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src="script.js"></script>
</head>
<body>
<div id='lastClick'>not clicked yet!</div>
</body>
</html>
body{
width: 600px;
height: 390px
}