JS事件类型:1.鼠标事件;2.键盘事件;3.HTML事件
事件处理函数两部分组成:on+事件名称。
一、鼠标事件
click:单击
dblclick:双击
mousedown:鼠标按下
mouseup:鼠标抬起
mouseover:鼠标移入(冒泡)
mouseenter:鼠标移入(不参与冒泡)
mouseout:鼠标移出(冒泡)
mouseleave:鼠标移出(不参与冒泡)
mousemove:鼠标移动
function myClick() {
console.log("单击");
}
function myDBClick() {
console.log("双击");
}
function myMouseDown() {
console.log("鼠标按下");
}
function myMouseUp() {
console.log("鼠标抬起");
}
function myMouseOver() {
console.log("鼠标移入");
}
function myMouseEnter() {
console.log("鼠标移入不冒泡")
}
function myMouseOut() {
console.log("鼠标移出")
}
function myMouseLeave() {
console.log("鼠标移出不冒泡")
}
function myMouseMove() {
console.log("鼠标移动!")
}
二、键盘事件
keydown:按键按下
keyup:按键抬起
keypress:按键按下抬起
三、HTML事件
load:文档加载完成
select:被选中的时候
change:内容被改变
focus:得到光标
resize:窗口尺寸变化
scroll:滚动条移动
window.onload = function () {
//写入js(避免因页面未加载完引起的js报错不执行)
};