JavaScript第三周学习

Posted 2020-07-09 Frank55

事件驱动 
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：事件会在域的内容改变时发生。