Removing click/mousedown/mouseup/touch events

zgood's Avatar


15 Oct, 2012 08:48 PM

Is it possible to prevent the default events for click/mousedown/mouseup/touch from firing?

I was able to attach my own event on mousedown like so:

var sliderInstance = $(".royalSlider").data('royalSlider');
sliderInstance.ev.on('rsDragStart', function () {



That works... it will fire the alert when I click the image. However, it will then fire the default event which advances the slideshow to the next slide. I do NOT want this to happen. I only want the prev/next arrows to advance the slideshow. How can I override these events?

  1. Support Staff 1 Posted by Dmytro Semenov on 16 Oct, 2012 06:43 AM

    Dmytro Semenov's Avatar


    If you want to disable all mouse/touch navigation just set sliderTouch: false, sliderDrag:false.


  2. 2 Posted by zgood on 16 Oct, 2012 12:23 PM

    zgood's Avatar


    Thanks! That's what I was looking for, I was just approaching it wrong and over looked those options. I also needed to set "navigateByClick" to false. Great plug-in!

  3. Dmytro Semenov closed this discussion on 16 Oct, 2012 12:31 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac