Check Mouse DPI With jQuery - DPI Finder

File Size: 3.89 KB
Views Total: 284
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Check Mouse DPI With jQuery - DPI Finder

This is a jQuery-powered web application designed to help you determine your screen resolution, as well as the DPI (Dots Per Inch) of your mouse. 

Importantly, it will only work in browsers that support the pointerlockchange event.

What Is Mouse API?

DPI is an acronym for Dot Per Inch. It's a measurement of how many pixels there are in an inch. Knowing your mouse DPI can help you find the perfect mouse. You see, the higher the DPI of your mouse, the more detailed you can see on your screen and potentially enhance your gaming experience.

How to use it:

1. Create an input field that allows the user to enter a distance in inches (larger value preferred).

<input type="number" name="distance" id="distance" min="1" step="1" value="2">

2. Create a result element that displays the current DPI of your mouse.

<span id="resultantDpi">0</span> DPI

3. Create another input filed that displays the pixels your mouse just moved.

<input type="number" name="pixelMovedCount" id="pixelMovedCount" value="0" disabled>

4. Load the main JavaScript after jQuery library. That's it.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/main.js"></script>

This awesome jQuery plugin is developed by HusnainTaj. For more Advanced Usages, please check the demo page or visit the official website.