js的事件和方法的理解

翻阅了资料（百度），手动狗头。之后发现。整理一下他们的解释以及区别

 

解释： js中事件分为三大类：鼠标事件、键盘事件、html事件 。事件主要有鼠标事件比如：常用的onclick就是最基础的还有onchange（input的内容改变事件），onfocus（获得焦点事件），onblur（失去焦点事件），onload（加载事件）。还有

dblclick：双击事件。
mousedown：按下鼠标键时触发。
mouseup：释放按下的鼠标键时触发。
mousemove：鼠标移动事件。
mouseover：移入事件。
mouseout：移出事件。
mouseenter：移入事件。
mouseleave：移出事件。
contextmenu：右键事件。

还有键盘事件，常用有 

keydown：按键按下

keyup：按键抬起

keypress：按键按下抬起

而方法（function）：就是对一段代码的封装、打包。一般情况下，事件与方法是连贯使用的，比如登录按钮（button）触发了点击（click）事件，就调用封装好的登录方答法（function login(){}）,最终完成操作。（上伪代码，下图）

 

区别: 

        1.事件名前一般都以on开头。

        2.方法是程序员写语句直接调用，即显示调用；事件不需程序员调用，但是，必须由程序员写一个函数且将该函数赋值给相应的事件，其调用是在相应的事件触发时。

通俗一些说，事件是    “ 怎么了” ，方法是   “怎么样”   。  方法是来做某些事情和功能的。比如 点击了 （这就是怎么了），然后要去弹窗（这就是怎么样），事件是指挥官，而方法是士兵 就是干。