事件的绑定与解绑:
绑定:btn.onclick = function(){}; btn.addEventListener(type,funName);
btn的单击事件,当btn被单击时触发这个事件 type:事件类型 funName:响应的函数名
解绑:btn.οnclick=null; btn.removeEventListener(type,funName);
btn的解绑
事件对象:
事件源对象 :event.targent;
event.offsetX
event.offsetY
相对于事件源位置偏移
event.pageX
event.pageY
相对于页面位置偏移
事件的传递方式:
冒泡:从最具的元素捕捉事件,传递给最不具体的元素
捕获:从最不具体的元素捕获到事假,传递给最具体的元素
elem.addEventlistener(事件类型,响应的函数,是否为捕获)
elem.addEventlistener(‘click’,function(),true)
默认其方式是冒泡方式,为true时为捕获方式
阻止事件的传递:
event.stopPorpagation() 阻止事件的传递
event.preventDefault()阻止默认的事件
键盘事件:
keypress 按下弹起时
ketup 键盘弹起
keydown键盘安下
.keyCode 键对应的数字编码
.key 键盘的名称
.which 相当于keyCode
鼠标事件:
.mouseover鼠标移入
.mouseout 鼠标移出
.mousedown鼠标按下
.mouseup鼠标弹起
.mousemove鼠标移动
click单击
dbclick双击
表单事件:
change 值发生变化时
inpu 正在输入
focus 获取焦点
blur 失去焦点
页面事件:
load 加载完成时
resize 窗口发生变化时
scroll 滚动条滚动时