码迷,mamicode.com
首页 > Web开发 > 详细

js事件驱动机制

时间:2018-06-07 11:43:48      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:驱动   基本概念   等等   事件   显示   事件驱动   信息   传递   code   

基本概念

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事件驱动机制

标签:驱动   基本概念   等等   事件   显示   事件驱动   信息   传递   code   

原文地址:https://www.cnblogs.com/miacara94/p/9149399.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!