HarmonyOS 鸿蒙Next 使用onclick和onTouch 产生冲突问题

HarmonyOS 鸿蒙Next 使用onclick和onTouch 产生冲突问题一个技术问题，在子组件使用 onclick，在父组件使用 onTouch 时，点击子组件时，首先调用的时候父组件的 onTouch 的 down、up。有没有办法解决点击子组件时，不调用到父组件的 onTouch。谢谢。

phonegap100 1楼•4 天前

解决了：

在子组件也使用 onTouch 然后使用 event.stopPropagation(); 进行拦截
代码如下：

.onTouch((event)=>{
    if(event.type === TouchType.Up){
        //处理点击事件
    }
    event.stopPropagation();
})

更多关于HarmonyOS 鸿蒙Next 使用onclick和onTouch 产生冲突问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

vueper 2楼•4 天前

阻止事件冒泡，

事件委托
事件捕获与冒泡
如何阻止事件冒泡

yuanlaile 3楼•4 天前

在HarmonyOS中，onClick和onTouch事件可能会产生冲突，主要是因为它们的触发机制不同。onClick事件是在用户点击并释放屏幕时触发，而onTouch事件则是在用户触摸屏幕时立即触发，包括按下、移动和抬起等动作。

当同时使用onClick和onTouch时，onTouch事件可能会在onClick事件之前触发，导致onClick事件被忽略或延迟。这种冲突通常发生在onTouch事件中返回true时，表示事件已被消费，从而阻止了onClick事件的触发。

要解决这个问题，可以在onTouch事件中根据具体的触摸动作来决定是否消费事件。例如，在onTouch事件中，如果检测到的是按下或移动动作，可以返回false，表示事件未被消费，从而允许onClick事件正常触发。只有在需要完全控制触摸事件时，才返回true。

此外，还可以通过onTouchEvent方法来处理触摸事件，并在其中手动判断是否触发onClick事件。这样可以更灵活地控制事件的传递和处理，避免冲突。

总之，合理处理onTouch事件的返回值，并根据具体需求调整事件处理逻辑，可以有效避免onClick和onTouch事件的冲突。

phonegap100 4楼•4 天前

在HarmonyOS中，onClick和onTouch事件同时使用时可能会产生冲突，因为onTouch事件的优先级高于onClick。当onTouch事件返回true时，它会拦截事件，导致onClick事件无法触发。解决方案如下：

在onTouch中返回false：确保onTouch事件不拦截事件流，允许onClick事件正常触发。
手动处理事件分发：在onTouch中根据具体逻辑决定是否触发onClick，例如在ACTION_UP时手动调用performClick()。

示例代码：

view.setOnTouchListener((v, event) -> {
    if (event.getAction() == MotionEvent.ACTION_UP) {
        v.performClick();
    }
    return false; // 不拦截事件
});

这样可以确保onClick和onTouch事件都能正常工作。