一、事件处理程序/监听
1、绑定多个事件处理方法
For example:
window.onload = function (){
var btn = document.getElementById("btn");//获取button的id值进行引用
btn.onclick = fn1;
addEvent(btn,"onclick",fn2);//执行的事件
};
function addEvent (obj,types,fns ){
if(obj[types] == null){ //当id的type值为空的时候
obj[types]=fns; //赋予对象执行的程序
}else{
var oldfns = obj[types];
obj[types] =function(){
oldfns();
fns();
}
}
}
function fn1 () { //被执行的程序的具体方法
alert("1");
}
function fn2 () {
alert("2");
}
function fn3 () {
alert("3");
}
二、监听
IE:
对象.attachEvent("事件(on)","处理程序") 添加
对象.detachEvent("事件(on)","处理程序") 删除
FF:
对象.addEventListener("事件","处理程序",布尔值) 添加
对象.removeEventListener("事件","处理程序",布尔值) 删除
添加的值不能被删除
三、事件对象
获取事件对象:
IE:window.event
FIREFOX:对象. on对象 = function (){}
四、事件对象的属性
相对于浏览器位置的
clientX 当鼠标事件发生的时候,鼠标相对于浏览器X轴的位置
clientY 当鼠标事件发生的时候,鼠标相对于浏览器Y轴的位置
相对于屏幕位置的
screenX 当鼠标事件发生的时候,鼠标相对于屏幕X轴的位置
screenY
相对于事件源的位置
IE:
offsetX 当鼠标事件发生的时候,鼠标相对于事件源X轴的位置
offsetY
FF:
layerX 当鼠标事件发生的时候,鼠标相对于事件源X轴的位置
laterY