微信小程序实现触摸屏幕变换背景颜色

微信小程序实现触摸屏幕变换背景颜色可以通过JavaScript和样式来完成。步骤如下：

1. **设置初始状态**：首先，在`.json`文件中配置页面结构，并在对应的`.wxml`文件里设置一个全局的canvas元素作为背景。

{
  "view": {
    "class": "page",
    "children": [
      {
        "canvas": {
          "id": "backgroundCanvas",
          "width": "100%",
          "height": "100%",
          "style": "backgroundColor: #fff;"
        }
      }
    ]
  }
}

2. **JavaScript事件监听**：在对应的`.js`文件中添加一个touchstart和touchend事件处理器，监听用户的触摸动作。当用户触摸屏幕时改变背景颜色，松开时恢复原色。

Page({
  canvasReady: function() {
    var canvas = wx.createSelectorQuery().select('#backgroundCanvas').get();
    canvas.start();
    
    canvas.on('touchstart', function(e) {
      canvas.style.backgroundColor = getRandomColor(); // 随机获取新的颜色
    });

    canvas.on('touchend', function(e) {
      canvas.style.backgroundColor = '#fff'; // 恢复到白色
    });
  },
  
  getRandomColor: function() {
    var colors = ['red', 'blue', 'green', 'yellow']; // 可选的颜色列表
    return colors[Math.floor(Math.random() * colors.length)];
  }
})

3. **启动监听**：需要在`onLoad`生命周期函数中初始化canvas并调用`canvasReady`方法开始监听。

onLoad: function(options) {
  this.canvasReady();
},

现在，当你在微信小程序中点击屏幕时，背景颜色会随机变化；释放屏幕则会变回白色。