상위 창 요소 이벤트를 트리거하기 위해 iframe 요소를 작동하는 방법

이번에는 iframe 요소를 조작하여 상위 창 요소 이벤트를 실행하는 방법을 보여드리겠습니다. iframe 요소를 조작하여 상위 창 요소 이벤트를 실행할 때 주의사항은 무엇입니까? 다음은 실제 사례입니다. 보세요. 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 플러그인은 대체 행의 테이블 색상 변경을 구현하고 마우스 이벤트와 상호 작용합니다.

JQuery는 실시간으로 편집할 수 있는 테이블 기능을 구현합니다

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