js 绑定事件函数的方法
js 绑定事件函数的方法
2016年12月25日 21:14:14 阅读数：687 要想让 JavaScript 对用户的操作作出响应，首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。在JavaScript中，有三种常用的绑定事件的方法：
- 在DOM元素中直接绑定；
- 在JavaScript代码中绑定；
- 绑定事件监听函数。
一. 在DOM元素中直接绑定
这里的DOM元素，可以理解为HTML标签。JavaScript支持在标签中直接绑定事件，语法为：onXXX="JavaScript Code"
其中：
- onXXX 为事件名称。例如，鼠标单击事件 onclick ，鼠标双击事件 ondouble，鼠标移入事件 onmouseover，鼠标移出事件 onmouseout 等。
- JavaScript Code 为处理事件的JavaScript代码，一般是函数。
例如，单击一个按钮，弹出警告框的代码有如下两种写法。
1. 原生函数
<input onclick="alert('谢谢支持')" type="button" value="点击我，弹出警告框" />
实例演示：
2. 自定义函数 - <input onclick="myAlert()" type="button" value="点击我，弹出警告框" />
- <script type="text/javascript">
- function myAlert(){
- alert("谢谢支持");
- }
- script>
实例演示： 