Ajouter un événement click à iframe

Je veux ajouter un événement click d'un iframe. J'ai utilisé cet exemple et obtenu ceci:

$(document).ready(function () {
   $('#left').bind('click', function(event) { alert('test'); });
});

<iframe src="left.html" id="left">
</iframe>

Mais malheureusement rien ne se passe.
Quand je l'ai tester avec un autre élément (par exemple un bouton), il travaille:

<input type="button" id="left" value="test">

source d'informationauteur user1170330

  1. 27

    Vous pouvez joindre le clic pour le contenu de l'iframe:

    $('iframe').load(function(){
  $(this).contents().find("body").on('click', function(event) { alert('test'); });
});

    Remarque: cela ne fonctionne que si les deux pages sont dans le même domaine.

    Démo Live: http://jsfiddle.net/4HQc4/

  2. 1

    Je l'ai eu à travailler mais seulement après l'avoir téléchargé sur un ordinateur hôte. J'imagine localhost marcherait bien aussi.

    extérieur

    <html>
   <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script>
        $(document).ready(function() {
            var myFrame = document.getElementById("myFrame");
            $(myFrame.contentWindow.document).find("div").on("click", function () { alert("clicked"); });
        });
    </script>
    <body>
        <iframe id="myFrame" src="inner.htm"></iframe>
    </body>
</html>

    intérieure

    <html>
    <head>
        <style>
            div {
                padding:2px;
                border:1px solid black;
                display:inline-block;
            }
        </style>
    </head>
    <body>
        <div>Click Me</div>
    </body>
</html>
  3. 0
    $(document).ready(function () {
 $('#left').click(function(event) { alert('test'); });
});

<iframe src="left.html" id="left">Your Browser Does Not Support iframes</iframe>

    Le script devra être exécuté entièrement à partir de l'iframe. Je voudrais vous recommander une méthode différente de l'appel de contenu, tels que le php.

    iframes ne sont pas vraiment en valeur la dispute.

  4. 0

    Le problème réel est que l'événement click ne se lie pas au DOM de l'iframe et bind() est obsolète, utilisez .on() de lier l'événement. Essayez avec les codes suivants et vous trouverez les frontières de l'iframe cliquable arriver que l'alerte.

    $('#left').on('click', function(event) { alert('test'); });

    Démo de la Question

    Alors, comment la faire?

    Comment vous devez faire est, de créer une fonction sur iframe page, et d'appeler cette fonction à partir de cette iframe page.