[JS]事件

目录

例

事件对象event属性和方法

常见的事件

---

例

var listDataArr = new Array();
for (var i = 0 ; i < 20 ; i ++) {
    listDataArr.push({"title":"标题"+i,"name":"name"+i,"number":"number"+i,"isSelect":"0"});
}

for (var i = 0 ; i < listDataArr.length ; i ++) {
    var sectionDiv = document.createElement("div");
    sectionDiv.style.width = "100%";
    sectionDiv.style.minHeight = "64px";
    sectionDiv.style.border = "1px solid red";
    sectionDiv.addEventListener("click", tapCellAction);
    sectionDiv.tagIndex = i;
    document.body.appendChild(sectionDiv);
}

// 点击cell
function tapCellAction(sender) {
    console.log(this.tagIndex);
    console.log(sender.target.tagIndex);
    console.log(sender.currentTarget.tagIndex);
    var curObj = listDataArr[this.tagIndex];
}

事件对象event属性和方法

属性	描述
target	返回触发此事件的元素（事件的目标节点）
currentTarget	返回其事件监听器触发该事件的元素
bubbles	返回布尔值，指示事件是否是起泡事件类型。
cancelable	返回布尔值，指示事件是否可拥有可取消的默认动作。
eventPhase	返回事件传播的当前阶段
timeStamp	返回事件生成的日期和时间
type	返回当前 Event 对象表示的事件的名称
方法	描述
initEvent()	初始化新创建的 Event 对象的属性
preventDefault()	通知浏览器不要执行与事件关联的默认动作
stopPropagation()	不再派发事件

 

常见的事件

DOM 事件