Provides crosshairs for A9 HITs.

A9 Crosshairs.user.js

// ==UserScript==
// @name         A9 Crosshairs
// @version      1.0.0
// @author       Kadauchi
// @include      requester_id:3R8NDUBSF6YFJ09L5IGKXETPSAB4KD
// //@include      https://www.mturkcontent.com/dynamic/hit*
// //@include      https://s3.amazonaws.com/mturk_bulk/hits/*
// ==/UserScript==

const color = 'red';

document.head.insertAdjacentHTML(
  'beforeend',
  `<style>
    .hair {
      left:0;
      border-top: 2px dotted ${color};
      border-left: 2px dotted ${color};
      pointer-events: none;
      position: fixed;
      top:0;
      z-index: 10000;
    }
  </style>`
);

const xHair = document.createElement('div');
xHair.className = 'hair';
xHair.style.width = '100vw';
document.body.prepend(xHair);

const yHair = document.createElement('div');
yHair.className = 'hair';
yHair.style.height = '100vh';
document.body.prepend(yHair);

document.addEventListener('mousemove', ({ x, y }) => {
  xHair.style.top = `${y}px`;
  yHair.style.left = `${x}px`;
});

Example GIF below.