아무것도 모른다기엔 어느정도 아시는 것 같아서 어디부터 설명해야하는지 애매하지만, 눈치나 이해력이 빠르신 분인 것 같아서 적당히 생략하겠습니다.

HTML a 태그와 그 태그에 href 속성으로 페이지를 이동하는게 표준입니다.
표준대로 구현한 경우 크롬, 엣지 등 브라우저가 이해하고 그에 맞게 작동할 수 있습니다. (a 태그를 클릭하면 href의 주소로 이동해라!)
또 이 경우엔 휠버튼 클릭이라던가 컨트롤 클릭시 새창으로 띄워라! 같은 기능도 작동할 수 있는거죠.

다만 몇가지 이유로 이동 주소를 명확히 할 수 없거나 동적으로 지정해야할 때, 자바스크립트로 페이지를 이동하도록 만듭니다.
a 태그를 클릭했을 때 이벤트를 받아서, 적절한 처리 후 페이지를 이동시켜주는거죠.
다른 태그를 써도 되지만 반쪽짜리 시맨틱의 이유로 그냥 a 태그를 쓰는데, 그렇다고 또 href 를 비워버리면 현재 페이지로 다시 이동해버립니다.
그래서 이동하지 않도록 # 혹은 javascript:void() (클릭시 자바스크립트를 실행하되, void(0), 아무것도 하지 말아라!) 를 넣어둔거죠.

자바스크립트로 페이지를 이동할 때도 휠버튼 클릭이나 컨트롤이 눌렸는지 등을 판단해서 새 창으로 띄워주도록 하는 꼼꼼한 개발자들도 있습니다만, 보통은 그렇게 안 만듭니다.
이러나저러나 결론은 해당 사이트를 만든 개발자가 섬세하거나 꼼꼼하지 못한거구요,
사이트마다 구현 방법이 다 달라서 해당 사이트만 타겟팅한 전용 확장프로그램이 아니라면 간단하게 패치해서 사용하긴 어렵습니다.

greasemonkey 는 제가 뭔지 몰라서 패스하겠습니다.

쇼핑몰이면, 크롤링해서 데이터 빼가는걸 막으려고 그렇게 구현했을거 같네요

spa 환경에서는 앵커로 이동하는게 아니라 클릭 이벤트를 받아서 라우터를 사용한 페이지 이동을 하게 됩니다.
근데 앵커라는게 href에 아무 것도 없으면 클릭도 안 되고 아무런 동작을하지 않습니다.
그래서 javascript:void(0)를 넣어서 편법을 쓰는 겁니다.
아 근데 한달 전 글이네요 ㅎㅎ..
지금은 궁금증이 해결되셨길 바래요