前端基础笔记2-事件基础

事件基础

1.事件概述
Javascript使我们有能力创建动态页面，而事件是指可以被JavaScript侦测到的行为。
简单理解：触发–响应机制
网页中的每个元素都可以产生某些可以触发JavaScript的事件。

    <button id="btn">唐伯虎</button>
    <script>
        // 点击一个按钮，弹出对话框
        // 1. 事件是由三部分组成 事件源，事件类型， 事件处理程序  称为事件三要素
        //（1）事件源 事件被触发的对象 （按钮）
        var btn = document.getElementById('btn');
        //（2）事件类型 如何触发 什么事件 比如鼠标点击（onclick） 鼠标经过
        //（3） 事件处理程序 通过一个函数赋值的方法
        btn.onclick = function(){
            alert('点秋香');
        }
    </script>

2.执行事件的步骤
（1）获取事件源；
（2）绑定事件/注册事件
（3）添加事件处理程序（采取函数赋值形式）

常见鼠标事件

鼠标事件	触发条件
onclick	鼠标点击左键触发
onmouseover	鼠标经过触发
onmouseout	鼠标离开触发
onfocus	获得鼠标焦点触发
onblur	失去鼠标焦点触发
onmouseup	鼠标弹起触发
onmousedown	鼠标按下触发