<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
</ul>
<label id="sonclick">1</label>

$('ul').on('click','li', function (evt) {
    $("#sonclick ").text($(this).text());

    var x = document.createElement("div");
    x.classList.add("marker");
    x.style.left = evt.pageX + "px";
    x.style.top = evt.pageY + "px";
    document.body.appendChild(x);
});

function simulateClick(x, y) {
    var clickEvent = document.createEvent('MouseEvents');
    clickEvent.initMouseEvent('click', true, true, window, 0, 0, 0, x, y, false, false, false, false, 0, null);
    document.elementFromPoint(x, y).dispatchEvent(clickEvent);
}
simulateClick(70, 30);
simulateClick(110, 90);
simulateClick(130, 150);
simulateClick(20, 210);
simulateClick(100, 270);