首页 > Web开发 > 详细

js事件入门(1)

时间:2019-12-12 11:15:39      阅读:71      评论:0      收藏:0      [点我收藏+]

1.事件相关概念

1.1 什么是事件?

事件是用户在访问页面时执行的操作,也就是用户访问页面时的行为。当浏览器探测到一个事件时,比如鼠标点击或者按键。它可以触发与这个事件相关的JavaScript对象(函数),这些对象称为事件处理程序。

1.2 事件函数绑定

上面说到了,当浏览器检测到一个事件时,会触发相关的JavaScript对象(函数),这里的对象就是我们说的事件处理程序,或者叫作事件处理函数。不是每个事件都有对应的事件处理程序,要让某个事件触发后做出相应的处理,所以需要把事件和事件处理程序绑定。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            window.onload = function(){
                //获取到按钮对象
                var oBtn = document.getElementById('btn');
                //oBtn的点击事件发生后,弹出一个1
                oBtn.onclick = function(){
                    //这里弹出一个1就是事件发生后对应的操作
                    alert(1);
                }
            }
        </script>
    </head>
    <body>
       <input id="btn" type="button" value="按钮"/>
    </body>
</html>

螺钉课堂视频课程地址:http://edu.nodeing.com

js事件入门(1)

原文:https://www.cnblogs.com/dadifeihong/p/12027772.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!