鼠标点击打印出点击的类型

demo

by Mike Lin

HTML

<button type="button">
  click
  <div class="mask"></div>
</button>

CSS

button {
  position: relative;
  width: 200px;
  height: 60px;
  background: none;
  border: 1px solid #1c90f3;
}
.mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(28, 144, 243, 0.2);
}

JavaScript

document.querySelector('.mask')
  .addEventListener('mousedown', e => console.log(e.type))