第九行这个函数里的参数e代表什么？

<body>
    <p><a href="#" class="tooltip" title="这是我的超链接提示1.">提示1.</a></p>
    <p><a href="#" class="tooltip" title="这是我的超链接提示2.">提示2.</a></p>
    <p><a href="#" title="这是自带提示1.">自带提示1.</a></p>
    <p><a href="#" title="这是自带提示2.">自带提示2.</a></p>    

    <script type="text/javascript" src = "../css/jquery-3.1.0.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
/*第九行*/            $("a.tooltip").mouseover(function(e) {
                var tooltip = "<div id = 'tooltip'>" + this.title + "</div>";
                $("body").append(tooltip);
                $("#tooltip")
                    .css({
                        "top":e.pageY + "px",
                        "left":e.pagex + "px"
                    })
            }).mouseout(function() {
                $("#tooltip").remove();
            });
        })

    </script>
</body>

是e.pageX

首先是e.pagex
X应该大写
其次是#tooltip没有设置position属性

$(document).ready(function(){
    $("a.tooltip").mouseover(function(e) {
        var tooltip = "<div id = 'tooltip'>" + this.title + "</div>";
        $("body").append(tooltip);
        $("#tooltip").css({
            "position":'absolute',
            "top":e.pageY + "px",
            "left":e.pageX + "px"
        })
    }).mouseout(function() {
        $("#tooltip").remove();
    });
})

是e.pageX
非e.pageZ

e是做事件代理时的参数，用来获取当前坐标或者标签等

【热门文章】