<1>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="script/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<!--当【鼠标按下】的时候触发mousedown事件-->
$(function () { // mousedown 鼠标按下
$("#btn1").mousedown(function () {
$("#btn1").val(parseInt($("#btn1").val()) + 1)
})
})
//-----------------------------------------------------------------
//<!--当【鼠标弹起】的时候触发mouseup事件-->
$(function () { // mouseup 鼠标弹起
$("#btn2").mouseup(function () {
$("#btn2").val(parseInt($("#btn2").val()) + 1)
})
})
//******************************************************************
//<!--当【键盘按下】的时候触发keydown事件-->
$(function () { // keydown 键盘按下
$("#btn3").keydown(function (e) {
alert(e.keyCode); //打印当前按键的键盘码
$("#btn3").val(parseInt($("#btn3").val()) + 1)
})
})
//-----------------------------------------------------------------
//<!--当【键盘按下】的时候触发keypress事件-->
$(function () { // keypress 键盘按下
$("#btn4").keypress(function (e) {
$("#btn4").val(parseInt($("#btn4").val()) + 1);
})
})
//<!-- KeyDown与keypress是按下一个键的意思, 但实际上二者的根本区别是, 系统由KeyDown返回键盘的代码, 然后由TranslateMessage函数翻译成成字符, 搜索由KeyPress返回字符值. 因此在KeyDown中返回的是键盘的代码。
//而KeyPress返回的是ASCII字符。KeyPress主要用来接收字母、数字等ASCII字符。KeyPress 只能捕获单个字符,KeyPress 不区分小键盘和主键盘的数字字符。KeyPress 不显示键盘的物理状态（SHIFT键），而只是传递一个字符。KeyPress 将每个字符的大、小写形式作为不同的键代码解释，即作为两种不同的字符。
//而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键，诸如：功能键（F1-F12）、编辑键、定位键以及任何这些键和键盘换档键的组合等。所以根据你的目的, 如果只想读取字符, 用KeyPress, 如果想读各键的状态, 用KeyDown。如果你一直按着键不放， 这时不断地触发KeyDown和KeyPress-->
//KeyDown 和KeyUp 区分小键盘和主键盘的数字字符
//-----------------------------------------------------------------
//<!--当【键盘弹起】的时候触发keyup事件-->
$(function () { // keyup 键盘弹起
$("#btn5").keyup(function () {
$("#btn5").val(parseInt($("#btn5").val()) + 1)
})
})
</script>
</head>
<body>
<p>当鼠标【按下】的时候触发mousedown事件</p>
<input type="button" value="0" id="btn1"/>
<br/>
<br/>
<hr/>
<p>当鼠标弹起的时候触发mouseup事件</p>
<input type="button" value="0" id="btn2"/>
<br/>
<br/>
<hr/>
<p>当键盘按下的时候触发keydown事件</p>
<input type="button" value="0" id="btn3"/>
<br/>
<br/>
<hr/>
<p>当键盘按下的时候触发keypress事件</p>
<input type="button" value="0" id="btn4"/>
<br/>
<br/>
<hr/>
<p>当键盘弹起的时候触发keyup事件</p>
<input type="button" value="0" id="btn5"/>
</body>
</html>mousedown与mouseup 【】keydown与keypress与keyup,布布扣,bubuko.com
mousedown与mouseup 【】keydown与keypress与keyup
原文：http://blog.csdn.net/fanbin168/article/details/38320913