Pixi.js: [v4.4.0] DOM 요소가 위에 있어도 Sprite의 Click 이벤트가 전송됩니다.

수정 해 주셔서 감사합니다. 그러나 문제는 완전히 해결되지 않았습니다.

Sprite 위의 DOM 요소를 여러 번 클릭하면 문제를 재현 할 수 있습니다.

v4.4.1의 예 : https://jsfiddle.net/ku55deL6/9/

니스 :) 모험이 계속됩니다!

좋아요, https://github.com/pixijs/pixi.js/pull/3800 은이 문제를 일으키는 또 다른 문제를 해결해야합니다.

@andrewstart 빌드로 바이올린을 확인할 수 있습니까?

네, 작동합니다. 노란색 배너를 몇 번 클릭해도 토끼는 그대로 있습니다.

얘들 아!

버전 4.4.2로 시도했지만 모든 상황에서 여전히 수정되지 않은 것 같습니다. 동일한 컨테이너에 두 개의 스프라이트가 있으면 제대로 작동하지만 스프라이트가 다른 컨테이너에 있으면이 문제가 계속 발생합니다.

이것을보십시오 : https://jsfiddle.net/FNevesFMQ/uwx24bm8/

이 시점에서 나는 당신이 나를 위해 일하기 위해 코드에 오류를 몰래 넣고 있다고 생각합니다 .😛
이번 주말에 볼 기회가 있습니다. 겹치는 스프라이트에 대한 포인터 이벤트를 얻지 않도록하는 단위 테스트가 있다는 것을 알고 있으므로 다른 컨테이너가이를 변경하는 이유를 조사해야합니다.

내 앱이이 상황을 많이 사용하고, 안타깝게도 이로 인해 많은 버그가 발생하기를 바랍니다.

이 문제는 https://d157l7jdn8e5sf.cloudfront.net/fix-interaction-issues/pixi.js로 해결되었지만 다른 문제가 있는지 확인하기 위해 사용하는 것이 좋습니다. 알고있다.

패치가 작동하지 않았습니다.
사례는 다음과 같습니다 (모바일, 사파리).

1. 두 개의 컨테이너가 있으며, 둘 다 대화 형이고 서로 겹칩니다.
2. 가장 높은 원 클릭 핸들러를 클릭하면 하단에서도 실행됩니다.

@hazardsoft 현재 다음 조건에 대한 테스트를 통과했습니다.

    Stage    (both interactive and non-interactive)
    /   \
   parent1  parent2   (together, both interactive and non-interactive)
      /       \  
    item1     item2   (always interactive)

    Stage    (both interactive and non-interactive)
        /    \  
    item1    item2   (always interactive)

테스트에서 item1 및 item2 은 (는) item1 가 item2 있습니다. 설정은 어떻게 다릅니 까? 바이올린 / 펜을 제공해 주시겠습니까?

@andrewstart , 수정 사항과 함께

https://github.com/pixijs/pixi.js/releases/tag/v4.4.3 에서 방금 출시되었습니다.

죄송합니다. 아직 수정되지 않았습니다. 예를 들어 작동하기 전에 제공했지만 내 앱에서는 여전히 클릭 된 항목 아래에있는 항목을 클릭 할 수 있습니다.

지금은 어떤 상황이 발생하는지 몰랐습니다 ..

저도 마찬가지지만 제 사건은 아직 해결되지 않았습니다. jsfiddle을 준비하려고합니다.

감사합니다 @hazardsoft , 바이올린은 우리가 수정 사항을 확인하는 가장 좋은 방법입니다.

@bigtimebuddy 더 많은 작업을 수행합니다. :) 상호 작용 문제를 해결하고 있다는 사실에 진지하게 놀랐습니다. 악몽처럼 보입니다.

여기에서 찾았습니다 : https://jsfiddle.net/FNevesFMQ/uwx24bm8/

상호 작용이 Sprite로 설정되어 있으면 제대로 작동하지만 컨테이너에 할당되면 동작이 잘못되어 모든 항목을 동시에 클릭 할 수 있습니다.

이것은 https://github.com/pixijs/pixi.js/pull/3877로 (마지막으로) 수정됩니다.

mouseup 이벤트와 함께 Pixi 4.4.4의 몇 가지 문제

1- https://jsfiddle.net/8qtz73hf/ (mousedown과 함께 작동)
2- https://jsfiddle.net/sbxoya8x/(mouseup에서 작동하지 않음)

마우스가 캔버스에서 벗어난 경우 (또는 다른 div에 의해 차단 된 경우) mouseupoutside 이벤트를 보낼 수 있는지 확인하기 위해 mouseup 리스너를 창에 연결하는 부작용처럼 보입니다. 이 경우 이벤트의 대상을 검사하여 다른 요소가 아닌 캔버스인지 확인해야한다고 생각합니다.

# 3466과 같은 문제인가요?
이 문제에 대해 새로운 문제를 열어야합니까?

아니요, 그럴 필요가 없습니다. 나는 직장에서 꽤 바빠서 아직 고칠 기회가 없었습니다.

이 스레드는 닫힌 후 최근 활동이 없었기 때문에 자동으로 잠겼습니다. 관련 버그에 대한 새 문제를여십시오.