iframe에서 상위 창 요소 이벤트를 트리거하는 방법

이번에는 iframe이 상위 창 요소 event를 트리거하는 방법과 iframe이 상위 창 요소 이벤트를 트리거하는 Notes가 무엇인지 보여 드리겠습니다. 다음은 실제 사례입니다. 살펴보겠습니다.

예를 들어 상위 창은 이벤트를 정의합니다.

top:

$(dom1).bind('topEvent', function(){});

그렇다면 iframe의 요소는 어떻게 상위 창 dom1의 이벤트를 트리거합니까? 그렇습니까?

$(dom1, parent.
document
).trigger('topEvent');

맞는 것 같지만 실제로는 오해의 소지가 있습니다.

상위 창의 jquery 개체와 iframe의 jquery 개체는 실제로 두 개체(함수)이기 때문에 iframe의 jquery는 다른 jquery 개체에서 정의한 이벤트를 트리거하지 않습니다. iframe에서 다음과 같이 정의하지 않는 한:

iframe:

self.$ = parent.$;

그래서 해결책은 매우 간단합니다.

parent.$(dom1,parent.doucment).trigger('topEvent');

부모 jquery를 호출하여 이벤트를 실행하면 됩니다.

iframe은 더 이상 jquery 파일을 가져올 필요가 없다고 합니다. 이는 상위 창과 동일한 jquery를 공유할 수 있다는 것입니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

탭 스크롤 탐색 전환 구현(코드 포함)

jQuery는 탭 옵션 전환의 가장 간단한 구현입니다

위 내용은 iframe에서 상위 창 요소 이벤트를 트리거하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!