javascript - 事件函数中this指向

Question

雷雷

Answer 1

javascript的this跟函数定义在哪里无关，跟谁调用它有关。

Answer 2

h2那里因为是绑定在事件上的，因此 this 指向的是这个元素，你可以简单理解为是

var dom = document.getElementsByTagName('h2')
dom.onmousedown = function(){
    f1(this)
}

Answer 3

http://www.cnblogs.com/soulii...看看这个

Answer 4

前者相当于`请输入代码

var h2 = document.querySelectorAll("h2")[0];
function fn(){
    console.log(this);
}
h2.onmousedown = fn;
window.fn();

this指向调用它的对象，你定义在全局环境里的变量和函数默认是window对象下得属性和方法，所以当你在全局环境中执行fn()时this指向window

Answer 5

你获取到哪个dom，就是对应的this。

Answer 6

这两个不是一回事呀。

<h2 onmousedown="f1(this)"></h2>
h2.onmouseover=f1()
h2.addEventListern(f1)

这三种方式都是为h2绑定了一个mouseover事件发生时的名为f1回调函数,事件绑定的回调函数指向DOM元素本身。

你问题中的

//HTML方式绑定
function f1(obj){
  console.log(obj);
}
f1( this );

这段程序是在window作用域下运行的，this自然就指向window。这段代码跟h2无关了(未绑定)。