JavaScript Library For Mouse Position Tracking And User Input Prediction – Trial.js

Preview:

Description:

Trial.js is a very small JavaScript library that tracks the user’s mouse position and executes callback functions when the mouse enters or leaves a specific element.

See also:

• JavaScript Library To Track Mouse Position Relative To Element – spot.js

Basic usage:

Import the Trial.js JavaScript library into your html file.

<script src="trial.min.js"></script>

Execute a function when the mouse enters elements’ monitoring area.

Trial(selector).enter(
  { distance: 100, cord: 'center'},
  function(distance, ele, event){
    //do something...
  )
);

Execute a function when the mouse leaves elements’ monitoring area.

Trial(selector).leave(
  { distance: 100, cord: 'center'},
  function(distance, ele, event){
    //do something...
  )
);

Execute a function when the mouse is within a specific element.

Trial(selector).within(
  { // options },
  function(distance, ele, event){
    //do something...
  )
);

Unbind an event handler for specific event, eventName could be within, enter, leave.

Trial(selector).off(eventName);

All default options.

• distance {Number} : determine the radius of the circular area
• cord {String} : determine the center of the circular area, could be center, topLeft, topCenter, topRight, centerLeft, centerRight, bottomLeft, bottomCenter, bottomRight