微信小程序全局点击事件监听

微信小程序提供了App全局对象，可以用来监听小程序的全局事件。具体步骤如下：

1. 在App()函数中添加一个全局数据变量，用于存储点击事件的回调函数：

App({
  globalData: {
    onClick: null
  }
})

2. 在需要监听点击事件的页面中，调用App()函数获取全局对象，并设置点击事件的回调函数：

onLoad: function () {
  // 获取App对象
  const app = getApp()
  // 设置点击事件的回调函数
  app.globalData.onClick = () => {
    console.log('全局点击事件被触发')
  }
}

3. 在小程序的页面或组件中，使用wx.onTouchStart()函数监听点击事件，并调用全局数据变量中存储的回调函数：

wx.onTouchStart((event) => {
  // 获取App对象
  const app = getApp()
  // 调用全局数据变量中存储的回调函数
  if (app.globalData.onClick) {
    app.globalData.onClick(event)
  }
})

这样就可以实现微信小程序的全局点击事件监听了。需要注意的是，由于小程序的安全限制，只有在用户主动触发事件的情况下才能监听到点击事件。

相关问题

原生微信小程序如何监听屏幕旋转

在原生微信小程序中，可以通过调用小程序提供的 API wx.onWindowResize 监听屏幕旋转事件。

具体实现步骤如下：

1. 在需要监听屏幕旋转的页面或组件中，调用 wx.onWindowResize 方法。

2. 在 wx.onWindowResize 方法中，可以获取到屏幕的宽度和高度信息，从而判断屏幕的旋转状态。

3. 根据屏幕旋转状态，可以进行相应的页面布局和样式调整。

示例代码如下：

Page({
  onLoad: function () {
    // 监听屏幕旋转事件
    wx.onWindowResize(res => {
      const { windowWidth, windowHeight } = res.size;
      if (windowWidth > windowHeight) {
        // 横屏状态下的布局和样式调整
        // ...
      } else {
        // 竖屏状态下的布局和样式调整
        // ...
      }
    });
  },
  // ...
})

需要注意的是，wx.onWindowResize 方法只能在小程序的 App 实例中调用一次，如果需要在多个页面或组件中监听屏幕旋转事件，可以考虑使用全局事件或自定义组件。

微信小程序监听公共js的数据变化

在微信小程序中，如果需要监听公共 js 中的数据变化，可以使用事件通知机制来实现。

具体步骤如下：

1. 在公共 js 中定义需要监听的数据，并导出一个事件触发函数：

// common.js
let data = {
  count: 0
}

const notifyCountChanged = () => {
  const eventChannel = getApp().globalData.eventChannel
  eventChannel.emit('countChanged', data.count)
}

const increaseCount = () => {
  data.count++
  notifyCountChanged()
}

module.exports = {
  data,
  increaseCount
}

2. 在 `App` 中定义一个全局事件通道：

// app.js
App({
  globalData: {
    eventChannel: new EventEmitter()
  }
})

3. 在需要监听公共 js 中数据变化的页面中，监听事件通道的 `countChanged` 事件：

// page.js
const common = require('../../common.js')
const eventChannel = getApp().globalData.eventChannel

Page({
  data: {
    count: common.data.count
  },
  onLoad: function () {
    eventChannel.on('countChanged', (count) => {
      console.log('countChanged', count)
      this.setData({
        count: count
      })
    })
  }
})

在 `onLoad` 生命周期函数中，使用 `eventChannel.on()` 方法监听 `countChanged` 事件，并在回调函数中更新页面中的数据。

当公共 js 中的数据变化时，调用 `notifyCountChanged()` 函数触发 `countChanged` 事件，从而通知所有监听该事件的页面更新数据。

需要注意的是，使用事件通知机制来监听公共 js 中的数据变化，会带来一定的性能开销，因此建议只在必要的情况下使用。