鼠标按下与抬起事件demo，在线预览HTML/Vue

HTML

格式化

支持Emmet，输入 p 后按 Tab键试试吧！

<head> ...

展开

</head>

<body>

<button 
  id="btn" 
  onmousedown="btnDown()" 
  onmouseup="btnUp()"
>
  按钮
</button>

<p>点击执行一段函数，松开按钮执行另一段函数</p>

</body>

CSS

格式化

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #ccc;
}
#btn {
  padding:6px 15px ;
}

格式化

function btnDown() {
  console.log('鼠标按下')
}

function btnUp() {
  console.log('鼠标抬起了')
}

预览

控制台