js基础-事件

注册/移除事件的三种方式

1. on的方式

事件源.on+事件类型 = 事件处理程序

缺点:只可以注册一次同类型的事件,多次注册会覆盖

移除:事件源.on+事件类型  = null

2.addEventListener(添加 事件 监听)

事件源.addEventListener(事件类型,事件处理程序,false);

ie8以下不支持

移除:事件源.removeEventListener(事件类型,要移除的函数名);

3.attachEvent

事件源.attachEvent("on"+事件类型,处理程序)

只有ie5 - 8 支持

移除:事件源.dentachEvent("on"+事件类型,函数名);

---------------------------------------------------------------------------------

阻止冒泡

1. e.stopPropagation();

2.e.cancelBubble = true;

事件类型

onclick 点击

ondblclick  双击

onfocus    获得焦点

onblur      失去焦点

onmouseover 鼠标悬停

onmouseout  鼠标移出

onmousemove 鼠标移动

onmouseup  鼠标弹起

onmousedown 鼠标按下

onkeyup    键盘弹起

onkeydown  键盘按下

onscroll 事件在元素滚动条在滚动时触发。

onload 加载完再执行

change    当元素的值发生改变时，会发生 change 事件。

该事件仅适用于文本域（text field），以及 textarea 和 select 元素

触屏事件（用addEventListener）

ontouchstart  触屏按下

ontouchmove 触屏移动

ontouchend  触屏离开