JS的事件

JS的事件

事件是可以被识别的动作或发生的事情。通常在事件被触发后，会有后续要执行的操作。

• 给HTMl元素添加事件属性

// 这里用div标签做示范
<div id="demo" eventName="js codes"></div>

• 在js中获取到事件源对象，即要触发事件的标签

// 获取事件源对象
var demo = document.getElementById('demo');
// onclick是触发的事件，等号后的匿名函数是事件处理函数
demo.onclick = function () {
	alert(我是一个div);
};

常用的事件

事件	描述
onclick	当用户点击某个对象时触发
onmouseover	鼠标移到某元素之上
onmouseout	鼠标从某元素移开
onmouseenter	鼠标移到元素上时触发
onmouseleave	鼠标移出某元素时触发
onblur	元素失去焦点时触发
onfocus	元素获得焦点时触发
onchange	该事件在表单元素的内容改变时触发（input、select、textarea等元素）
oninput	元素获取用户输入时触发
onkeydown	键盘被按下时触发
onkeyup	键盘被松开时触发
onload	一个页面或一张图完成加载后触发
onscroll	当页面发生滚动时触发