首先，允许我这么称呼它们两个为兄弟。之所以这么称呼，是因为它们之间执行的是相同的任务----- 点击按钮。
然而，它们也有不同之处，次不同之处又使得它们貌似有些调用的意思。
接下来，让我来给大家说一下二者的关系，我们不妨举个例子来说明：
请看如下代码：
<div class="content_login">
<input name="username" type="text" id="username" />
<input name="password" type="password" id="password"onkeydown=‘if(event.keyCode==13){loginbutton.click()}‘ />
<div class="login_minu" id="loginbutton" onclick="authen()">
</div>
</div>要想实现回车或点击进入，那肯定是输入完后的事情，因此我在输入完密码后进行回车或点击事件。这就用到了click（）和onclick（）函数。这里我们用到了event.keyCode==13，此为javascript中的件键盘按回车键的code值（参考：http://www.okajax.com/a/200811/1124R022008.html）。它所表示的就是在键盘上按回车，html中按下键盘事件onkeydown，这里我们多说点html事件属性（以下来源于w3school）
仅在 body 和 frameset 元素中有效。
| 属性 | 值 | 描述 |
|---|---|---|
| onload | 脚本 | 当文档被载入时执行脚本 |
| onunload | 脚本 | 当文档被卸下时执行脚本 |
仅在表单元素中有效。
| 属性 | 值 | 描述 |
|---|---|---|
| onchange | 脚本 | 当元素改变时执行脚本 |
| onsubmit | 脚本 | 当表单被提交时执行脚本 |
| onreset | 脚本 | 当表单被重置时执行脚本 |
| onselect | 脚本 | 当元素被选取时执行脚本 |
| onblur | 脚本 | 当元素失去焦点时执行脚本 |
| onfocus | 脚本 | 当元素获得焦点时执行脚本 |
该属性可用于 img 元素：
| 属性 | 值 | 描述 |
|---|---|---|
| onabort | 脚本 | 当图像加载中断时执行脚本 |
在下列元素中无效：base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
| 属性 | 值 | 描述 |
|---|---|---|
| onkeydown | 脚本 | 当键盘被按下时执行脚本 |
| onkeypress | 脚本 | 当键盘被按下后又松开时执行脚本 |
| onkeyup | 脚本 | 当键盘被松开时执行脚本 |
在下列元素中无效：base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
| 属性 | 值 | 描述 |
|---|---|---|
| onclick | 脚本 | 当鼠标被单击时执行脚本 |
| ondblclick | 脚本 | 当鼠标被双击时执行脚本 |
| onmousedown | 脚本 | 当鼠标按钮被按下时执行脚本 |
| onmousemove | 脚本 | 当鼠标指针移动时执行脚本 |
| onmouseout | 脚本 | 当鼠标指针移出某元素时执行脚本 |
| onmouseover | 脚本 | 当鼠标指针悬停于某元素之上时执行脚本 |
| onmouseup | 脚本 | 当鼠标按钮被松开时执行脚本 |
原文：http://blog.csdn.net/ztzi321/article/details/19417279