EventTarget事件：dblclick

EventTarget事件 - dblclick

當在單個元素上單擊指針設備按鈕（例如，鼠標的主按鈕）兩次時，將觸發(fā)dblclick事件。

兩次單擊事件后，dblclick將觸發(fā)。

屬性

示例

此示例在您雙擊卡片時切換卡片的大小。

HTML

<aside>
  <h3>My Card</h3>
  <p>Double click to make me big.</p>
</aside>

CSS

aside {
  background: #fe9;
  border-radius: 1em;
  display: inline-block;
  padding: 1em;
  transform: scale(.9);
  transform-origin: 0 0;
  transition: transform .6s;
  user-select: none;
}

.large {
  transform: scale(1.3);
}

JavaScript

const card = document.querySelector('aside');

card.addEventListener('dblclick', function (e) {
  card.classList.toggle('large');
});

規(guī)范

瀏覽器兼容性

我們將兼容性數(shù)據(jù)轉換為機器可讀的JSON格式。

• 電腦端

• 移動端

注釋：

[1]僅適用于<textarea>元素和一些<input>元素類型。