🔰"dblclick"

browser ⟩ event ⟩ type ⟩ mouse ⟩ "dblclick"

If two clicks happen close together, a "dblclick" (double-click) event also fires, after the second "click" event, that is：

• mousedown -> mouseup -> click ->

• mousedown -> mouseup -> click ->

• dblclick

💈範例

• replit ⟩ mouse "click" event

// general handler
const logTarget = (event, type) => {
    const len = 'mousedown'.length;
    const t = event.target;
    log(`🔘 ${type.padEnd(len, ' ')}: <${t.nodeName}> ${t.id ? '#' + t.id : ''}`);
};

// register handlers for mouse events
['mousedown', 'mouseup', 'click', 'dblclick'].forEach(type => {
    window['on' + type] = e => logTarget(e, type);
})

📗 參考

• Eloquent JS ⟩ Ch. 15: Event Handling ⟩ Mouse Clicks

📘 手冊

• Event ⟩ UIEvent ⟩ MouseEvent ⟩

  • click event