Jquery und die Bindung eines Ereignisses an ein iframe

**Ich bin derzeit mit einem jquery textselect-plugin, um das Feuer Warnungen basierend auf der Auswahl von text überall auf der Seite
und es funktioniert ganz gut tun, so etwas wie: 

$(document).ready(function() {
    $(document).bind('textselect', function(e) {
        alert(e.text); 
    });
});

Ich habe seitdem fügen Sie ein iframe auf der Seite und ich brauche die text-Auswahl für die Arbeit am text innerhalb des
iframe als auch. Ich versuche, so etwas zu tun aber es funktioniert nicht:

$(document).ready(function() {
    $('#iframeId').load(function() {
    $(document.getElementById("iframeId").contentWindow).bind('textselect',function(e) {
    alert(e.text); 
    });
});

Zu diesem Zeitpunkt habe ich versucht, eine Unmenge von Möglichkeiten, um Referenz das iframe-Dokument ohne Erfolg. Irgendwelche Ideen?**

InformationsquelleAutor dbr | 2010-03-26
  1. 5

    Können Sie auf diese wie diese:

    $(document).ready(function() {
  $('#iframeId').load(function() {
    alert("Loaded");
    $('#iframeId').contents().find("body").bind('textselect', function(e) {
      alert(e.text);
    });
  });
});

    Hinweis: Dies funktioniert nur, wenn das iframe geladen wird, etwas auf der gleichen domain, sonst wirst du blockiert zu werden, durch die same-origin-policy.

    • Das scheint nicht zu funktionieren. Dies ist das plugin verwendet wird. plugins.jquery.com/project/textselect
    • Aktualisiert die Antwort mit einem anderen Ansatz, aber ich habe selten verwendet benutzerdefinierte Ereignisse in einem frame, nicht sicher, wie es sich Verhalten werden.
    • Diese tatsächlich starten Sie den alert-text wählen, der iframe-Inhalt. Jedoch in Reihenfolge für Sie zu arbeiten, wird der ausgewählte text auf der übergeordneten Seite. Auswählen von text auf der iframe nicht tun, es sei denn, der text ist BEREITS vor-ausgewählt, auf die übergeordnete Seite. e.text bringt zurück die übergeordneten Auswahl-und nicht die iframe-Auswahl. Gibt es eine Möglichkeit, den Fokus der Veranstaltung "e", um die iframe-eher als die Eltern?
    InformationsquelleAutor Nick Craver
  2. 0

    Hier ist, was ich am Ende tun, nur zur Information... Was Sie geschickt gearbeitet. Die ursprüngliche Funktion ist die übergabe in ein document-Objekt. Für eine iframe document-Objekt habe ich etwas wie:

    window.frames["ifFrameName"].document
    InformationsquelleAutor dbr
Schreibe einen Kommentar