JavaScript第三周学习

事件驱动 
Event对象代表事件的状态

事件驱动要素:

    事件源--元素(目标事件)  事件--onclick

    例:<a onclick=fn()>

事件主要有:鼠标事件、键盘事件、表单事件、HTML事件(其它事件)

事件绑定

事件流:当页面元素触发事件时,该元素的容器以及整个页面会按特定的顺序触发的事件。

IE监听:

element.attachEvent(event,function);添加
element.detachEvent(event,function);删除

chrom,firefox监听:

element.addEventListener(event,function,useCapture);
element.addEventListener(event,function,useCapture);

分类:冒泡、捕获(ie不支持)

element.addEventListener(event,function,true);  捕获型 从外到内
element.addEventListener(event,function,false); 冒泡型 从内到外

事件句柄

鼠标事件:

onclick:事件会在对象被点击时发生。

ondblclick:事件会在对象被双击时发生。

onmousedowm:事件会在鼠标按键被按下时发生。

onmouseup:事件会在鼠标按键被松开时发生。

onmousemove:事件会在鼠标指针移动时发生。

onmouseover:事件会在鼠标指针移动到指定的对象上时发生。

onmouseout:事件会在鼠标指针移出指定的对象时发生。

DOMMouseScroll:滚轮事件(火狐)。

onmousewheel:滚轮事件(ie)。

表单事件:

onsubmit:事件会在表单中的确认按钮被点击时发生。

onblur:事件会在对象失去焦点时发生。

onfoucs:事件在对象获得焦点时发生。

onchange:事件会在域的内容改变时发生。

原文地址:https://www.cnblogs.com/dh55/p/5515333.html