Как сделать так что перекрестье следовало за стрелочкой мыши при этом когда нажимаешь лкм нажимало там где находится перекрестье а не курсор.html, js?

Для того чтобы реализовать данное поведение на странице, необходимо использовать JavaScript. Мы можем создать функцию, которая будет следить за движением мыши и перемещать крестик за стрелкой мыши. При клике левой кнопкой мыши, крестик будет нажимать на место, где находится курсор, а не где находится сам крестик.

Приведу пример кода на HTML и JavaScript, который реализует описанное поведение:

```html

#crosshair {
position: absolute;
width: 20px;
height: 20px;
background-color: red;
pointer-events: none;
}

const crosshair = document.getElementById('crosshair');

document.addEventListener('mousemove', (e) => {
crosshair.style.left = e.clientX - 10 + 'px';
crosshair.style.top = e.clientY - 10 + 'px';
});

document.addEventListener('click', (e) => {
crosshair.style.left = e.clientX - 10 + 'px';
crosshair.style.top = e.clientY - 10 + 'px';
});

```

В данном примере мы создаем элемент с id "crosshair", который представляет из себя крестик. С помощью JavaScript мы отслеживаем движение мыши и перемещаем крестик за ней. При клике мыши, крестик перемещается и нажимает на место, где находится курсор.

Таким образом, данный код позволит реализовать желаемое поведение на странице.