目录
一、事件是什么
二、如何处理事件
一、事件是什么
定义:事件就是浏览器和用户之间的交互行为。
例如:点击按钮、鼠标移动、关闭窗口等。
二、如何处理事件
我们可以在对应的事件属性中设置一些JS行为,当事件触发的时候会将这些代码执行。
示例代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<button onclick="alert('不要点我啦!!!')">
这是一个按钮</button>
<script>
</script>
</head>
<body>
</body>
</body>
</html>
由于在属性里面加入JS,会使得结构和行为耦合,不方便维护,不推荐使用.
可以为按钮的对应事件绑定处理函数的形式来响应事件
代码优化;
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<button id="btn">
这是一个按钮</button>
<script>
var btn = document.getElementById('btn');
btn.onclick = function(){
alert('不要再点啦!!');
};
</script>
</head>
<body>
</body>
</body>
</html>
比较推荐这种方式。
上节学习链接:
JavaScript的学习之DOM简介
感谢大家的学习,一起加油哈!!!