JavaScript DOM事件

目录

　　JavaScript 事件

JavaScript 事件

事件组成三要素：事件源、事件类型、事件处理程序。

事件书写：按事件的三个组成部分，一次书写。

注意：页面上的任何元素都可以添加事件。

事件源：页面中标签元素对象。

事件类型：比如：鼠标的点击，经过等。下面是一些常见的 HTML 事件：

事件	描述
onchange	HTML 元素已被改变
onclick	用户点击了 HTML 元素
onmouseover	用户把鼠标移动到 HTML 元素上
onmouseout	用户把鼠标移开 HTML 元素
onkeydown	用户按下键盘按键
onload	浏览器已经完成页面加载

 

事件处理程序：比如：对鼠标点击的事件进行处理

实例：

<div id="one">hello world</div>

<script>
    // 事件源
    var one = document.getElementById("one")
    // onclick为事件类型
    // function匿名函数为事件处理程序
    one.onclick = function () {
        console.log("hello world")
    }
</script>

实例：

<div onclick="hello"></div>

function hello(){
	alert("hello world")
}

　　

如何获取事件源？

　　JavaScript 获取元素

事件类型都有哪些？

　　事件类型

事件处理程序？

　　函数

　　操作元素

　　节点操作