JavaScript三种事件绑定的方法和执行顺序
JavaScript的三种事件绑定方法
事件就是指在HTML元素上发生的事情。例如,onchange
元素发生了变化,onclick
元素被点击了,onload
元素加载完成等。那么如何绑定这些事件,让事件发生的时候可以按照用户的心意完成一些功能呢?目前常用的绑定方法有如下三种:
HTML标签
可以直接在HTML的标签上绑定事件,可以是直接的JavaScript代码,也可以传入一个方法。
首先,直接使用JavaScript代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<input id="testBtn" type="button" value="点击我" onclick="alert('标签内点击')"></input>
</body>