微信小程序开发按钮点击变色是一种常见的交互效果,可以通过监听按钮的点击事件来实现。以下是一个简单的示例代码:
```javascript
// 获取页面中的按钮元素
var button = document.getElementById('myButton');
// 为按钮添加点击事件监听器
button.addEventListener('click', function() {
// 当按钮被点击时,改变按钮的背景色
this.style.backgroundColor = 'red';
});
```
在这个示例中,我们首先通过`document.getElementById`方法获取到页面中的按钮元素,然后使用`addEventListener`方法为按钮添加点击事件监听器。在点击事件处理函数中,我们通过`this.style.backgroundColor`属性设置按钮的背景色为红色。
需要注意的是,这个示例代码只适用于微信小程序的开发环境。如果你在其他类型的前端开发环境中进行开发,可能需要使用不同的方法和语法来实现类似的功能。