I'm working on my first (mildly) significant web app, which comprises multiple pages and a modal dialog for entering/editing/deleting information. One view displays a tabular list of objects and offers the user the chance to edit (in a modal dialog) or delete objects individually.
I want to ask the user for confirmation before performing a destructive action, but I'd rather not use:
window.confirm("...")- too clunky
- Angular/Boostrap/jQuery/other modal - visually better, more customisable, but lots of mouse movement back and forth if deleting multiple objects.
I've seen (but cannot currently find again) a solution which I think was described as a "modal button". Its initial label signifies the action ('Delete'). On first click, the label changes to ask for confirmation ("Are you sure?"). A second click invokes the action. Alternatively, mousing away cancels the action. The two clicks must be greater than some minimum time interval apart so that a quick double-click doesn't invoke the action.
To me, this feels like quite a nice way of asking for confirmation, but is it an established pattern? Or too unconventional? Are there existing implementations out there?
Edited to add:
The modal button implementation I was thinking of : http://bl.ocks.org/mbostock/584742