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

最新推荐文章于 2024-03-22 11:14:05 发布

发疯的man

最新推荐文章于 2024-03-22 11:14:05 发布

阅读量3.3k

点赞数

分类专栏： JS 文章标签： javascript

本文链接：https://blog.csdn.net/lzh657083979/article/details/78360908

版权

JS 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!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，看结果
这里写图片描述

优惠劵

发疯的man

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
js的动态绑定事件和静态绑定事件的this的指向

<!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> <
复制链接

扫一扫