js 三種事件的綁定

標籤：false   src   str   滑鼠   resize   添加   dev   down   use   

第一種：前段常規綁定：

    <button type="button" class="recolor" onclick="reCol(‘rowIndex‘,‘colIndex‘)">重新著色</button>

第2種：js綁定監聽事件：

//添加監聽器    table.addEventListener("click", display, false);  } (generat());//擷取滑鼠點擊的行和列function display(event) {       var colIndex = null;    var rowIndex = null;    var element = event.srcElement || event.target;    if (!element) return;    if (element.tagName != "TD") return;    colIndex = element.cellIndex;    rowIndex = element.parentNode.rowIndex;    console.log("row:" + rowIndex + ", col:" + colIndex);    return rowIndex, colIndex;
}

第2種：js+“”on“”綁定事件：

document.onmouseup = function (event) {    console.log(event.target + onmouseup);    tartgetTd = null;    coltargetTd = null;    resizeable = false;    mousedown = false;    colmousedown = false;    colresizeable = false;    document.body.style.cursor = ‘default‘;}

 

js 三種事件的綁定