noUiSlider offers several ways to handle user interaction. The range can be set to drag, and handles can move to taps. All these effects are optional, and can be enable by adding their keyword to the behaviour option.
This option accepts a "-" separated list of "drag", "drag-all", "tap", "fixed", "snap", "unconstrained" or "none".
behaviour: "drag"Make the range draggable. Handles are always draggable.
behaviour: "drag-fixed"The range is draggable. The range width can't be changed, so dragging one handle will move the other, too.
behaviour: "tap"Make the closest handle when the slider gets tapped.
behaviour: "tap-drag"Make the closest handle jump when the slider bar is tapped, make the range draggable.
behaviour: "hover"Fire hover events when a user with a mouse or pen hovers over the slider.
behaviour: "unconstrained-tap"Allow handles to move past each other.
behaviour: "none"Turn off all behaviour, except for standard moving.
A handle snaps to a clicked location. A smooth transition is used. This option is default.
Makes the range (the green connecting bar between handles) draggable. Requires two handles. The connect option must be set to true. The slide event fires for both handles when dragging the range.
Keeps the distance between handles fixed when the 'drag' flag is set.
Drags all handles when the 'drag' flag is set. Requires more than two handles. The connect option must be set to true. The slide event fires for all handles when dragging the range.
A handle snaps to a clicked location. It can immediatly be moved, without a mouseup + mousedown.
With this option set, the slider fires hover events when a mouse or pen user hovers over the slider. The event is provided with the slider value at the hovered position. It does not fire while the slider is being dragged by mouse or pen, but it does for touch events.
With this option set, handles are allowed to move past each other. The limit and margin options cannot be used with this behaviour.
All APIs will return slider values in the original handle order, regardless of whether handles have changed places.
With this option set, handles will ignore step values while dragging. Steps are applied when a handle is released. The "update" event fires when a handle is released.
Most 'behaviour' flags can be combined. This example combines 'tap', 'drag' and 'smooth-steps'.