前言
在这个框架盛行的时代,可能很多人已经忘记了JS一些基础的方法。虽然说现在在项目都(应该)很少用 原生JS写代码了,但我听说过这样一句话, "对底层知识了解得越深,能达到得水平也就越高。"所以JS原生API还是要熟悉的。 这一篇总结了基础的JS事件绑定,介绍了三种绑定事件的方法。
- 在 HTML 中直接绑定
- 在 Javascript 中绑定
- 绑定事件监听函数 addEventListener()
方法
1. 在 HTML 中直接指定
例如鼠标单击事件 onclick
、双击事件 onmouseover
、鼠标移入移出事件 onmouseover
、onmouseout
。又可分为两种。 ① 直接写在 HTML 的属性中
<button onclick="alert('hello world')">Click</button>
② 在 HTML 中自定义函数
<button onclick="func()">Click</button