JS事件代理

当需要设置事件触发的元素比较多的时候,如对表格的单元格注册触发事件,宜采用事件代理的方法,即在被单击元素的父元素上注册事件,然后在事件触发后获取触发事件,获取触发事件在IE与其他浏览器中不太一样,下面是通用的获取事件,事件注册在表格上

//检测目标元素,即被点击的元素
function getEventTarget(event){
    var e= event|| window.event;
    return e.target || e.srcElement;
}

//进行操作
function operate(event){
    var target = getEventTarget(event);
    //输出被触发的单元格所在行
    alert(target.parentElement.rowIndex);
    //输出被触发的单元格所在列
    alert(target.cellIndex);

}

Leave a Reply

电子邮件地址不会被公开。 必填项已用*标注

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>