js中的事件和方法有啥区别

Posted 2023-03-19

简单点说，事件是‘怎么了’，方法就是‘怎么办’

js中事件分为三大类：鼠标事件、键盘事件、html事件。如：鼠标事件click，当元素容器被点击时，响应

方法呢，就是对一段代码的封装、打包。打个比方，吃kfc，发现有不少的人喜欢点个原味鸡的时候再来个香辣鸡翅、饮料、奥尔良一起吃。所以kfc直接把这几个组一组，弄了一个全家桶，以后遇到类似喜好的人，就让他点这个套餐，方便还有优惠。js中封装函数一个道理，方便调用，减少代码重复度。

一般情况下，事件与方法是连贯使用的，比如登录按钮（button）触发了点击（click）事件，就调用封装好的登录方法（function login()）,最终完成操作。

<button>登录</button>

<script>
//添加点击事件
$("button").click(function()
    login();
)

//封装登录方法
function login()
    //登录...

</script>

参考技术A

事件是操作，方法是处理过程
比如一个a标签的单击事件 你单击这个a标签调用一个方法 

<a href="javascript:void(0)" onclick="show()" >a标签</a>
function show()
    alert(123);