JavaScript Dom 绑定事件

JavaScript  Dom 绑定事件

// 先获取Dom对象，然后进行绑定
document.getElementById('xx').onclick
document.getElementById('xx').onfocus

// 谁调用这个函数,这个this就指向谁
this：当前出发事件的标签、全局对象 window

 

一、绑定方式

<input id='i1' type='button' onclick='ClickOn(this)'>
function ClickOn(this){
      // this 带指当前点击的标签
}

 

二、绑定方式

<input id='i1' type='button'>
document.getElementById('i1').onclick = function(){
     // this 带指当前点击的标签
}

var myTrs = document.getElementsByTagName("tr");
var len = myTrs.length;
for(var i=0;i<len;i++){
    myTrs[i].onmouseover = function(){  //绑定事件
    this.style.backgroundColor = "red";
}

作用域示例：