Question

182

Detect mouse direction - JavaScript

rated 0 times [ 186] [ 4] / answers: 1 / hits: 26801 / 10 Years ago, wed, june 18, 2014, 12:00:00

var direction = 

var mousemovemethod = function (e) {

    var oldx = 0;

    if (e.movementX < oldx) {

        direction = left

    } else if (e.movementX > oldx) {

        direction = right

    }

    oldx = e.pageX;

}

This is how I detect the mouse direction and it works so good but it works only on Chrome, how I can make this compatible with other browsers (Firefox, Opera and at least ie8+ or ie9+).
No jQuery please.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

bradleymoisesy

Add To Favorites

Follow

Total Points: 121

Total Questions: 105

Total Answers: 95

Location: Nepal

Member since Mon, Jan 4, 2021

3 Years ago

bradleymoisesy questions

1 which data type to use to expect date value in jest

Wed, Dec 22, 21, 00:00, 2 Years ago

1 React/Next.js doesn't seem to work with Apexcharts

Tue, Jun 1, 21, 00:00, 3 Years ago

1 React chart : prevent chart's canvas scaling with height and width

Mon, Feb 1, 21, 00:00, 3 Years ago

1 How to create Create an Excel File with javascript?

Thu, Jun 11, 20, 00:00, 4 Years ago

1 How to create a search filter using Vue js from API Data?

Thu, Jan 16, 20, 00:00, 4 Years ago

View All

answered 10 Years ago stacyl · Accepted Answer

Stick with pageX and define oldx in a higher scope, otherwise it's always zero

var direction = ,

    oldx = 0,

    mousemovemethod = function (e) {



        if (e.pageX < oldx) {

            direction = left

        } else if (e.pageX > oldx) {

            direction = right

        }



        oldx = e.pageX;



}

FIDDLE