>source

javascript : 각도 클릭 이벤트가 요소에서 작동하지 않습니다

여러 지역으로 분할된 SVG 지도를 사용하여 대화형 지도를 만들고 있습니다. 내가 하려는 것은 클릭된 요소(영역을 나타내는 경로 요소)를 잡아서 스타일을 적용하는 것입니다.

내 각도 구성 요소에는 다음 템플릿이 있습니다.

<object type="image/svg+xml" data="/assets/img/regions_map.svg" (click)="handleRegionClick($event)"></object>

Ts 파일의 경우:

export class RegionsMapComponent implements OnInit {
  constructor() { }
  ngOnInit() {
  }
  /** handle the click on the map*/
  handleRegionCLick($event: MouseEvent) {
    console.log('hello');
  }
}

하지만 여기에서 SVG 지도를 클릭하면 내 기능이 호출되지 않으므로 강조 표시할 클릭 영역의 ID를 파악할 수 없습니다.

이것이 귀하의 질문에 대한 답변입니까? 태그에서 클릭 이벤트가 실행되지 않습니다.

jeremy-denis2022-02-04 15:52:25
  • 답변 # 1

    < 개체>태그는 원래 브라우저 플러그인을 포함하도록 설계되었습니다. 일반적으로 사진을 포함하는 것이 좋습니다.< img>태그(딸깍 하는 소리이벤트):

    <img src="/assets/img/regions_map.svg" (click)="handleRegionClick($event)" />

    태그를 사용하면 다각형 및 경로와 같은 SVG의 하위 요소와의 상호 작용이 손실되고... 클릭 소스는 이미지 자체가 됩니다.

    guru2022-02-04 15:24:59
  • 이전 javascript : 개체를 파괴할 때 'undefined' 형식은 'string' 형식에 할당할 수 없습니다.
  • 다음 Ios에서 Capacitor x Svelte를 사용한 느린 버튼 응답 시간