Compose Multiplatform中如何识别鼠标“后退”事件？

我来帮你搞定这个鼠标后退事件的问题！之前你用的方法没生效，大概率是没找对正确的事件监听姿势，我给你两个亲测有效的实现方案，在桌面端（Windows/macOS/Linux）都能用～

首先是最简洁的实现方式，用onPointerEvent来监听，代码如下：

import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.runtime.Composable
import androidx.compose.ui.ExperimentalComposeUiApi
import androidx.compose.ui.Modifier
import androidx.compose.ui.input.pointer.PointerEventType
import androidx.compose.ui.input.pointer.onPointerEvent
import androidx.compose.ui.input.pointer.PointerButton

@OptIn(ExperimentalComposeUiApi::class)
@Composable
fun BackButtonDetector() {
    Box(
        modifier = Modifier
            .fillMaxSize()
            .onPointerEvent(PointerEventType.Press) { event ->
                // 判断是否是后退键被按下
                if (event.buttons.isPressed(PointerButton.Back)) {
                    println("鼠标后退键被触发啦！")
                    // 在这里写你的业务逻辑，比如页面回退操作
                }
                // 顺便附上前进键的处理逻辑，需要的话直接用
                if (event.buttons.isPressed(PointerButton.Forward)) {
                    println("鼠标前进键被触发啦！")
                }
            }
    ) {
        // 这里放置你的UI内容
    }
}

为啥之前的方法没效果呢？大概率是你只监听了常规点击事件，而鼠标的后退/前进键属于额外的PointerButton，需要明确判断对应的按钮类型，而且要监听PointerEventType.Press事件——常规的click回调只会响应左右键哦。

如果你习惯用pointerInput的方式实现，也可以参考下面的代码：

import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.input.pointer.pointerInput
import androidx.compose.ui.input.pointer.PointerButton
import androidx.compose.ui.input.pointer.awaitPointerEventScope

@Composable
fun BackButtonWithPointerInput() {
    Box(
        modifier = Modifier
            .fillMaxSize()
            .pointerInput(Unit) {
                awaitPointerEventScope {
                    while (true) {
                        val event = awaitPointerEvent()
                        if (event.buttons.isPressed(PointerButton.Back)) {
                            println("后退键触发（pointerInput版本）")
                        }
                    }
                }
            }
    )
}

最后再给你几个小提醒：

• 要记得加上@OptIn(ExperimentalComposeUiApi::class)注解，因为相关的指针API目前还是实验性的，但在Compose Multiplatform的稳定版本里已经非常好用了
• 测试时确保你的鼠标侧键没被系统绑定成全局快捷键，不然事件可能会被系统先截胡
• 这个方案在Windows、macOS、Linux上都能正常工作，Compose Multiplatform会自动做好跨平台适配

内容来源于stack exchange