1. 程式人生 > >JS 獲取螢幕點選位置座標 並 新增icon

JS 獲取螢幕點選位置座標 並 新增icon

.tips {
    position: absolute;
    z-index: 99;
    background: rgba(0,0,0,0.5);
    color: #fff;
}
(function ($) {
    var $selectedViewList = $('#selectedViewList');
    var $tips = $('#J_tips');
    $selectedViewList.on('click', function(e) {
        $tips = $('<div id="J_tips" class="tips"></div>');
        $selectedViewList.append($tips);
        var pageX = e.clientX,
            pageY = e.clientY;
        console.log(pageX,pageY);
        $tips.text('這是點選的地方').css({
            top: pageY,
            left: pageX
        });
        console.log($tips);
    });
})(jQuery);