Is confirming an action using a second click on the same button a good idea?

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