Revive the JavaScript library for handling mouse wheel events

Question

Revive the JavaScript library for handling mouse wheel events

Utilizing the wheel-indicator JavaScript library, I am looking to revert the mouse wheel event back to its original state after it was initially set to preventDefault().

Despite attempting to use

indicator.setOptions({preventMouse:"false"})

as suggested by the instance method which states "The only argument must be Object", this approach did not yield the desired results.

var indicator = new WheelIndicator({
    elem: document.querySelector('.element'),
    callback: function(e){
      console.log(e.direction);
      //PERFORM SOME ACTION HERE
    }
  });

indicator.setOptions({preventMouse:"false"});

javascript object events methods npm

Answer 1

Answer №1

let spinner = new WheelIndicator({
    elem: document.querySelector('.item'),
    callback: function(event){
      console.log(event.direction);
      //ADD YOUR ACTION HERE
    }
  });

spinner.getOption('preventMouse'); // true

Answer 2

let spinner = new WheelIndicator({
    elem: document.querySelector('.item'),
    callback: function(event){
      console.log(event.direction);
      //ADD YOUR ACTION HERE
    }
  });

spinner.getOption('preventMouse'); // true

Answer 3

Answer №2

It seems like the issue may not be specifically related to the plugin. Could it be that preventDefault() is not functioning properly for the wheel event on this particular element?

Answer 4

It seems like the issue may not be specifically related to the plugin. Could it be that preventDefault() is not functioning properly for the wheel event on this particular element?

Revive the JavaScript library for handling mouse wheel events

Answer №1

Answer №2

Similar questions

Saving JSON data into an HTML element using Handlebars templating

The dependency tree could not be resolved due to an ERESOLVE error in npm

Exploring the Power of jQuery Deferreds and Promises through Multiple getJSON Requests

Loading an OBJ file from a blob using three.js

Establishing a bidirectional binding directive attribute within an AngularJS HTML structure

Error encountered due to circular structure in the data being posted in the

unable to display images from a folder using v-for in Vue.js

Issue: .catch(error) function in Node / Express not returning as expectedDescription: After

Arranging Typescript strings in sequential date format

Error: Trying to play the Snake Game with the P5.js Library, but getting the message "(X)

Avoiding the sudden appearance of unstyled content in Single-File Components

Guide to reference points, current one is constantly nonexistent

What is causing the issue in the git bash terminal when I try to run an npm command?

Steps to refresh a .ejs page with updated information following an ajax request

Making an Ajax request using jQuery to retrieve content in the application/x-javascript format

What is the best way to upload a local image using JavaScript for TensorFlow?

Is it better to process data in a React app using Express or handle it directly on the front end with React?

How come it is not possible for me to choose all elements containing an attribute value saved in a variable?

Is there a way to transfer table row data to another table by simply clicking on the corresponding checkbox in the same row?

Switching background images with Javascript through hovering