this1 事件绑定中的 this 指向谁
传统绑定1 在标签后面进行事件绑定
- html 代码:
js 代码<button id="btn" onclick="test()">按钮</button>
点击 按钮后 打印结果为 window 对象function test() { console.log(this) }
- html 代码
js 代码<button id="btn" onclick="test(this)">按钮</button>
点击 按钮后 打印结果为 button dom节点function test() { console.log(this) }
其他传统绑定
//1. 有名函数绑定
document.getElementById('btn').onclick=test
function test() {
console.log(this)
}
//2.匿名函数绑定
document.getElementById('btn').onclick=function() {
console.log(this)//或者 test()
}
点击 按钮后 打印结果为 button dom节点
现代绑定
//1. 有名函数绑定
document.getElementById('btn').addEventListener('click',test,false)
function test() {
console.log(this)
}
//2.匿名函数绑定
document.getElementById('btn').addEventListener('click',function(){
console.log(this)//或者 test()
},false)
点击 按钮后 打印结果为 button dom节点