Cursor_tracker NPM

Cursor tracker

This plugin tracks cursor position values. Like position on x or y axis and angle. Returned values only applies to the called element. This plugin is dependent on jQuery.

git link

Guide

Example

HTML

<body>
   <div class="container">
           
   </div>
</body>

<body>
   <div class="container" data-dec="1">
           
   </div>
</body>

data-dec="1" means that returned value will be with one decimal point (format x.x). Default value is 2 (format x.xx).

$(".container").cursor('click', function(values){
    console.log(values.angle);
});

Click (or any other event) will return cursor position value in degres.

Attributes

angle -(degres) in relation to the center of the element

angleRad -(radians) in relation to the center of the element

xAxis -(percentages) cursor position in relation to the left top corner of the element

yAxis -(percentages) cursor position in relation to the left top corner of the element

xAxisCentered -(percentages) cursor position in relation to the center of the element

yAxisCentered -(percentages) cursor position in relation to the center of the element

corner -corner of the element -returned value is in format 0, 0, 0, 0 and it represents left top, right top, left bottom, right bottom. A corner where the cursor is, will return the value 1 while other will be 0.