给按钮增加鼠标按下时的操作 和 松开时的操作

在用户界面设计中，通常通过JavaScript、HTML5和CSS来给按钮添加鼠标按下（mousedown）和松开（mouseup）事件。这里是一个简单的例子：

1. **添加鼠标按下操作**：

<button id="myButton" onclick="handleClick()">点击我</button>

<script>
function handleClick() {
    document.getElementById('myButton').style.backgroundColor = 'red'; // 改变颜色表示按下
    console.log('按钮被按下');
}
</script>

在这个例子中，当用户按下按钮时，`handleClick`函数会被调用，背景色变为红色，并在控制台打印一条消息。

2. **添加鼠标松开操作**：

document.getElementById('myButton').onmouseup = function() {
    this.style.backgroundColor = ''; // 按钮恢复原色表示松开
    console.log('按钮被松开');
};

当鼠标离开按钮时，我们移除背景色并记录释放事件。