您的位置：首页 > Web前端 > JavaScript

js的动态绑定事件和静态绑定事件的this的指向

2017-10-27 09:14 471 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" charset="utf8" src="jquery-3.2.1.min.js"></script>
</head>
<body>
<button  name="xxx" code="222" id="yuanEvent" onclick="pp(this,event)">事件監聽</button>
<button  name="xxx" code="222" id="yuanEvent2" >事件監聽</button>
</body>

<script>
//动态绑定
$(function(){
$("#yuanEvent2").click(pp1)
})
//静态绑定
function pp(obj,event){
console.log(obj)
console.log(event)
console.log(this)
// alert(this.text())
}

function pp1(){
// console.log(obj)
console.log(event)
console.log(this)
// alert(this.text())
}
</script>
</html>

注意：静态绑定需要传this，必须传，但是在方法接受的参数中不能用this接收，用其他参数，这个参数就是指的this，看结果

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航