首先，允许我这么称呼它们两个为兄弟。之所以这么称呼，是因为它们之间执行的是相同的任务----- 点击按钮。
然而，它们也有不同之处，次不同之处又使得它们貌似有些调用的意思。
接下来，让我来给大家说一下二者的关系，我们不妨举个例子来说明：
请看如下代码：
此代码为登录界面，两个输入框：一个为输入名字，另一个为输入密码。一个button ,id为loginbutton。至于这个button是什么样，我们暂时不用管，只知道他在类login_minu中定义就行。
要想实现回车或点击进入，那肯定是输入完后的事情，因此我在输入完密码后进行回车或点击事件。这就用到了click()和onclick()函数。这里我们用到了event.keyCode==13，此为javascript中的件键盘按回车键的code值(参考：http://www.okajax.com/a/200811/1124R022008.html)。它所表示的就是在键盘上按回车，html中按下键盘事件onkeydown，这里我们多说点html事件属性(以下来源于w3school)
窗口事件 (Window Events)
仅在 body 和 frameset 元素中有效。
属性
值
描述
onload
脚本
当文档被载入时执行脚本
onunload
脚本
当文档被卸下时执行脚本
表单元素事件 (Form Element Events)
仅在表单元素中有效。
属性
值
描述
onchange
脚本
当元素改变时执行脚本
onsubmit
脚本
当表单被提交时执行脚本
onreset
脚本
当表单被重置时执行脚本
onselect
脚本
当元素被选取时执行脚本
onblur
脚本
当元素失去焦点时执行脚本
onfocus
脚本
当元素获得焦点时执行脚本
图像事件 (Image Events)
该属性可用于 img 元素：
属性
值
描述
onabort
脚本
当图像加载中断时执行脚本
键盘事件 (Keyboard Events)
在下列元素中无效：base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
属性
值
描述
onkeydown
脚本
当键盘被按下时执行脚本
onkeypress
脚本
当键盘被按下后又松开时执行脚本
onkeyup
脚本
当键盘被松开时执行脚本
鼠标事件 (Mouse Events)
在下列元素中无效：base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
属性
值
描述
onclick
脚本
当鼠标被单击时执行脚本
ondblclick
脚本
当鼠标被双击时执行脚本
onmousedown
脚本
当鼠标按钮被按下时执行脚本
onmousemove
脚本
当鼠标指针移动时执行脚本
onmouseout
脚本
当鼠标指针移出某元素时执行脚本
onmouseover
脚本
当鼠标指针悬停于某元素之上时执行脚本
onmouseup
脚本
当鼠标按钮被松开时执行脚本 click()函数其实就是模拟单击按下。用法是buttonid.click()。onclick则是单击按钮的事件了，此为方法，因此我们可以将单击事件赋值给它，这样我们就完成了回车或单击进入的效果。
