如何在Jetpack Compose中处理鼠标右键与中键点击？

默认的clickable Modifier只针对鼠标主按钮（通常是左键）做了封装，要区分右键、中间键等其他鼠标按钮，需要用更底层的手势处理API：

方法1：使用pointerInput + detectTapGestures #

detectTapGestures内置了右键点击的回调，能快速实现常见的多按钮需求：

Box(
    modifier = Modifier
        .size(200.dp)
        .background(Color.LightGray)
        .pointerInput(Unit) {
            detectTapGestures(
                onTap = { // 左键点击触发
                    println("左键点击")
                },
                onSecondaryTap = { // 右键点击触发
                    println("右键点击")
                },
                onDoubleTap = { // 左键双击触发
                    println("左键双击")
                }
            )
        }
) {
    Text("试试左键/右键点击")
}

方法2：用awaitPointerEventScope实现细粒度控制 #

如果需要监听中间键、按钮按下/抬起状态等更复杂的场景，直接在pointerInput里使用awaitPointerEventScope处理原始指针事件：

Box(
    modifier = Modifier
        .size(200.dp)
        .background(Color.LightGray)
        .pointerInput(Unit) {
            awaitPointerEventScope {
                while (true) {
                    val event = awaitPointerEvent()
                    event.changes.forEach { change ->
                        when {
                            change.pressed && change.button == PointerButton.Secondary -> {
                                println("右键按下")
                                change.consume() // 消费事件，避免后续逻辑干扰
                            }
                            change.pressed && change.button == PointerButton.Tertiary -> {
                                println("中间键按下")
                                change.consume()
                            }
                            !change.pressed && change.button == PointerButton.Primary -> {
                                println("左键抬起")
                                change.consume()
                            }
                        }
                    }
                }
            }
        }
) {
    Text("试试右键/中间键操作")
}

方法3：封装自定义扩展函数（可选） #

如果需要复用多按钮点击的逻辑，可以自己封装一个类似clickable风格的扩展：

fun Modifier.multiButtonClickable(
    onPrimaryClick: () -> Unit = {},
    onSecondaryClick: () -> Unit = {},
    onTertiaryClick: () -> Unit = {}
): Modifier = this.pointerInput(Unit) {
    awaitPointerEventScope {
        while (true) {
            val event = awaitPointerEvent()
            event.changes.forEach { change ->
                if (change.isPressed && change.previousPressed != change.isPressed) {
                    when (change.button) {
                        PointerButton.Primary -> onPrimaryClick()
                        PointerButton.Secondary -> onSecondaryClick()
                        PointerButton.Tertiary -> onTertiaryClick()
                    }
                    change.consume()
                }
            }
        }
    }
}

使用时和普通clickable一样简洁：

Box(
    modifier = Modifier
        .size(200.dp)
        .background(Color.LightGray)
        .multiButtonClickable(
            onPrimaryClick = { println("左键点击") },
            onSecondaryClick = { println("右键点击") },
            onTertiaryClick = { println("中间键点击") }
        )
)

内容的提问来源于stack exchange，提问作者GioLaq