Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

256
Views
Cómo hacer la comunicación entre I-Frame y la ventana principal en angular

Cualquier sugerencia Cómo hacer que Iframe se comunique con la ventana principal. Escenario:

Dentro de Iframe hay un sitio web separado en el mismo dominio que tiene múltiples enlaces. Cuando el usuario hace clic en Enlace dentro de iframe, el valor debe propagarse a la ventana principal.

Intenté rastrear el evento de clic dentro de Iframe y obtener iFrame.src pero no funcionó.

html:

 <iframe #Iframe class="iframek" (click)="onChange(kIframe)" sandbox="allow-same-origin allow-scripts allow-top-navigation" id="iframe_k" [src]='safeUrl' scrolling="auto" frameborder="0" allowfullscreen=true wmode="transparent" name="kiframe"></iframe> onChange(iframe) { console.log("onchange"); if(iframe.contentWindow) { console.log(iframe.contentWindow.document); } else{ console.log(iframe.contentWindow); } console.log(iframe.getAttribute('src')); }
about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Debe utilizar la comunicación de origen cruzado entre los objetos de Windows .

Consulte esta respuesta para obtener más detalles: ¿Cómo comunicarse entre iframe y el sitio principal? .

Para implementar su escenario, haga lo siguiente:

  1. Seguimiento de todos los eventos de clic en anclas en el iframe
  2. Después de hacer clic, lea el atributo href del ancla en la que se hizo clic y envíelo a la ventana principal usando window.postMessage() (recuerde llamar a preventDefault() en el evento de clic para evitar la navegación dentro del iframe)
  3. Reciba el evento en la ventana principal y navegue
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!