js事件入门(1)

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

猜你喜欢

转载自www.cnblogs.com/dadifeihong/p/12027772.html