[NFR] Allow custom callbacks on dragStart/dragStop

[temuri416]

I would like to be able to supply custom callback for dragStart/dragStop events.

Thank you!

[temuri416]

Also, would it be possible for those events to fire "change" method?

[bgrins]

What is the use case? Cancelling the drag event - or do you just want to listen to when it happens?

[temuri416]

Here's the usecase.

1. I have a color picker similar to your "Flat" example at http://bgrins.github.io/spectrum/
2. I have hidden/disabled "Choose" button
3. There is no form input to provide colors via copy/paste, just a DIV displaying current color value
4. I want the user to be able to drag the color selector and fire AJAX call to store the value immediately after 'onMouseUp' event.

The only problem is that if you release mouse button while outside the color selection are, the 'onMouseUp' does not trigger.

In other words, I need to get the execution control when mouse button is released outside color selection area to be able to fire AJAX call with currently selected color.

Hope that explains it.

Thanks!

[bgrins]

So, if we added a dragstop event that you could listen to, that would allow you to fire your AJAX call off when the user finishes the change, correct? Ideally your code shouldn't have to deal directly with mouseup events (since this could be touchend in some cases, for instance)

[temuri416]

1. yes, that'd solve my problem
2. I was doing mouseup only because I had no choice :)

Thanks for the great widget!

[bgrins]

OK, this should be working now if you grab latest from https://github.com/bgrins/spectrum/blob/master/spectrum.js

[bgrins]

Using code like this:

$(element).on("dragstart.spectrum", function(e, color) {

}

$(element).on("dragstop.spectrum", function(e, color) {

}

[temuri416]

Works as expected, thank you.

[kotmatpockuh]

@temuri416 @bgrins please take a look: #352