.dblclick() - hlaCk/UnderZ GitHub Wiki

Bind or trigger a double click event on an element.

Execute a function when an element is double-clicked. or trigger double click event for an element.

Bind dblclick event

_z(selector).dblclick(function);

  • _z to access UnderZ library.
  • selector select element by selector to bind dblclick event with. ( you can send DOM element or selector)
  • dblclick method/action name.
  • function function to execute when selected element is double-clicked. It can be anonymous function

Returns: _z(selector) Object

This method is a shortcut for _z(selector).on( "dblclick", function).

To unbind dblclick event: Unbind dblclick event

Trigger dblclick event

_z(selector).dblclick();

  • selector select element by selector to trigger dblclick event on. ( you can send DOM element or selector)
  • dblclick method/action name.

Returns: _z(selector) Object

Unbind dblclick event

_z(selector).un("dblclick", [function]);

  • selector select element by selector to trigger dblclick event on. ( you can send DOM element or selector)
  • un method/action name.
  • "dblclick" event name to unbind.
  • function (optional) if you like to unbind dblclick event that triggers specific function.

Returns: _z(selector) Object

Examples

<button id="button">Show Message & Change Title</button>
<button class="btnCTitle">Change Title</button>
<button class="btnUBEvent">Unbind "Change Title" event</button>

<script>
// bind dblclick event by element id
_z("#button").dblclick(function () { 
	alert("Button double-clicked!");
});

// bind dblclick event by element tag - this will bind the event with all elements with "button" tag.
_z("button").dblclick(function () { 
// set title as double-clicked button text
	document.title = _z(this).text();
});

// unbind dblclick event by element class.
_z(".btnUBEvent").dblclick(function () {
	_z(".btnCTitle").un("dblclick");
});


// trigger dblclick event
_z(".btnCTitle").dblclick(); // change document title to 'Change Title'
_z("#button").dblclick(); // alert 'Button double-clicked!' and change document title to 'Show Message & Change Title'
_z(".btnUBEvent").dblclick(); // change document title to 'Unbind "Change Title" event' and unbind dblclick event on .btnCTitle button
</script>

Recommended: bind events in .ready() to execute the event when the document is fully loaded.

⚠️ **GitHub.com Fallback** ⚠️