The Official Blog of Patcoola

Im just a dude watching over my parents,
and trying to make cartoons and video games from home.

Script: Mouse Inner Position [JS API]

, By Patcoola

Script Title: mouseInnerPos
Programming Language: JavaScript
Date Completed: 2013/06/04

Purpose: Get the mouse’s inner x and y position within an element.

Description: Get the mouse position within an element.

Compatibility: Works with all web browsers.

Advertisement

Donate Now!

Hey buddy, it takes a lot to make a blog. How about a donation?


Methods:

mouseInnerPos.api.x
Returns the current x position.

mouseInnerPos.api.y
Returns the current y position.

mouseInnerPos.isActive
Returns true or false if the API is active.

mouseInnerPos.target
Set the target element to listen for the mouse positions.

mouseInnerPos.curTarget
Get the current target element the mouse is focused on.

mouseInnerPos.start()
Function to start the API.

mouseInnerPos.stop()
Function to stop the API.

Example Usage:

mouseInnerPos.target = document.getElementById( ‘box’ );
mouseInnerPos.start();

var intv = self.setInterval ( function() {

if ( mouseInnerPos.target == mouseInnerPos.curTarget ) {
document.getElementById( ‘results’ ).innerHTML = ‘X: ‘ + mouseInnerPos.api.x
+ ‘, Y: ‘ + mouseInnerPos.api.y;
}

}, 16 );

 

Advertisement

Donate Now!

I don't always use the women's bathroom, but when I do, you can bet it really smells. If you like my blog, please consider donating.


 

Post Meta

Share Post

 

Comments: Write Comment

Be the first to write a comment.


Leave a Comment


All comments are reviewed before publishing. Comments must be related to the page topic, must not be spam, and must comply with the criminal code of Canada.