js事件驱动机制
Posted miacara94
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js事件驱动机制相关的知识，希望对你有一定的参考价值。
基本概念
js是采用事件驱动的机制来响应用户操作的，也就是说当用户对某个html元素进行操作的时候，会产生一个事件，该事件会驱动某些函数来处理。
事件驱动原理
事件源：产生事件的地方（html元素）
事件（名称）：点击/鼠标操作/键盘操作等等
事件对象：当某个事件发生时，可能会产生一个事件对象，该事件对象会 封装好该事件的信息，传递给事件处理程序
事件处理程序：响应用户事件的代码
案例1：监听鼠标点击事件，并能够显示鼠标点击的位置x,y
<html>
<head>
<script>
function test(e){
window.alert("x=" + e.clientX + "y=" + e.clientY);
}
</script>
</head>
<body style="width: 100px; heigth: 80px; border: 1px solid red" onmousedown="test(event)"></body>
</html>以上是关于js事件驱动机制的主要内容，如果未能解决你的问题，请参考以下文章