"return false" wird in bestimmten Browsern ignoriert für Verbindung mit I dynamisch hinzufügen einen <einen> (Link) Tag des DOM dynamisch auf das DOM mit JavaScript

Question

hinzugefügt:

var link = document.createElement('a'); 
link.href = 'http://www.google.com/'; 
link.onclick = function() { window.open(this.href); return false; }; 
link.appendChild(document.createTextNode('Google')); 
//someDomNode.appendChild(link); 

mag ich den Link zu öffnen in einem neuen Fenster (ich weiß, es ist schlecht, aber es ist erforderlich). Ich habe auch versucht, das "Ziel" -Attribut zu verwenden, aber ich habe auch das falsche Verhalten mit dieser Lösung.

Mein Code funktioniert gut in IE und Firefox, aber die Rückgabe false funktionieren nicht in Safari, Chrome und Opera. Mit nicht funktionieren, ich meine, der Link folgt, nachdem das neue Fenster geöffnet wurde.

Ich glaube, ich wegen der V3 Google Maps Umgebung sein könnte ...

Edit: Um das Verhalten auf der tatsächlichen Seite:

1. Zum http://tinyurl.com/29q6nw6
2. Klicken Sie auf jeder Marker auf der Karte, wird eine Sprechblase angezeigt.
3. Klicken Sie auf den Titel, im Ballon, sollte der Link in einem neuen Fenster (Arbeit in IE und FF öffnen, aber nicht in Safari, Chrome und Opera.

Jede Hilfe ist willkommen!

Edit2: Das Problem ist in der Funktion "MakeInfoWindowContent", die in "gmaps3.js" ist. Ich verwende DOM nicht zum Erstellen der Elemente (ich benutze Zeichenfolge), da diese HTML-Zeichenfolge an Google Maps (für das Infofenster) übergeben werden muss - der Ballon), tatsächlich wird der gleiche Link an zwei verschiedenen Orten erzeugt: einer links, der mit der DOM-Funktion erstellt wurde (wie in dieser Frage gezeigt), die in allen Browsern funktioniert, und einer im Ballon, cr Mit einem HTML-String versehen, funktioniert dieser in Safari, Chrome und Opera nicht gut (der Link folgt nach dem Öffnen des neuen Fensters sogar mit dem Rückgabewert false).

Edit 3: Noch keine Ahnung, warum das passiert ... Wenn jemand eine Idee haben, lass es mich wissen!

Answer 1

Würde möglicherweise verhindern, Standardaktion für das Ereignis arbeiten? Ich bin mir nicht sicher, ob gmaps Links in seinem Info-Fenster auf andere Weise behandelt, wenn nicht, sollte es funktionieren.

Update: erstes Beispiel hat nicht funktioniert. Das Ereignis wurde nicht übergeben, wenn "inline" onclick verwendet wird, um ein Ereignis zuzuweisen. Dieser ist tested and found to be working.

function bindEvent(target, event, handler) { 
    if (typeof target.addEventListener != 'undefined') {  
     target.addEventListener(event, handler, false); 
    } else if (typeof target.attachEvent != 'undefined') { 
     target.attachEvent('on' + event, handler); 
    } 
} 

var link = document.createElement('a'); 
link.href = 'http://www.google.com/'; 
link.appendChild(document.createTextNode('Google')); 

bindEvent(link, 'click', function (e) { 
    if (typeof e.preventDefault != 'undefined') { 
     // Common/W3C events 
     e.preventDefault(); 
    } 

    // (Old) IE specific events 
    e.returnValue = false; 

    var target = e.target || e.srcElement; 
    window.open(target.href); 

    return false; 
}); 

document.getElementsByTagName('body')[0].appendChild(link); 

Answer 2

Wie wäre es mit der Verwendung von Skript, um das Fenster zu öffnen?

Answer 3

Das Problem könnte ein Skriptfehler sein, der die Ausführung von JavaScript abbricht, bevor die Rückgabe false erreicht wird. In diesem Fall wird normalerweise die Verbindung verfolgt. Überprüfen Sie, ob Sie eine browserspezifische Methode/Eigenschaft verwenden und nach JavaScript-Fehlern suchen.

Ich kann Ihr Skript nicht überprüfen, da es nicht verfügbar scheint atm obwohl.

Answer 4

paar Ideen

• Google Maps irgendwie wieder Kopien (nur eine Vermutung) html Inhalt vor Pop-up und Blätter js Ereignisse hinter öffnen. Sie könnten versuchen, Ereignis-Listener anzuhängen, nachdem gmap popup geöffnet wurde.

• in function MakeInfoWindowContent() code contructs events durch concating strings - vielleicht sollten Sie es auch versuchen.

• Letzter (und dummer einer) Vorschlag: versuchen Sie, addEventListener anstelle des Ereignisses direkt zu verwenden.

Answer 5

Stellen Sie den href-'javascript:void(0);' und statt this.href in Ihrem Onclick-Handler, Hart Code die URL dort stattdessen verweist.

Answer 6

var link = document.createElement('A'); 
link.setAttribute('href', 'http://www.google.com/'); 
link.setAttribute('onclick', 'window.open(this.href, "_blank");return false;'); 
link.appendChild(document.createTextNode('Google')); 

Answer 7

Try this:

link.onclick = function(event) { 
    window.open(this.href); 
    if (event.stopPropagation) 
     event.stopPropagation(); 
    return false; 
}; 

I modifiziert direkt das DOM, über die Chrome-Entwickler-Werkzeuge und es funktionierte für mich.

Answer 8

Sie sind eigentlich nicht "dynamisch hinzufügen ein Link-Tag zum DOM". Ihr Code verkettet nur HTML-Zeichenfolgen. Ersetzen Sie Ihre MakeInfoWindowContent-Funktion (in gmaps3.js) durch native DOM-Methoden.

function MakeInfoWindowContent(name, institutionName, description, address, url) { 
    var result = document.createElement('div'); 
    result.className = 'infoBulle'; 
    // etc. 
    return result; 
} 

Answer 9

@AlexV - Sie müssen Inline onclick Ereignisse atomisch halten. Es gibt zwei einfache Lösungen: wickeln die gesamte Aktion in einer einzigen selbstausführende Funktion oder die window.open() und return false in seine eigene Funktion bewegen:

Option One

eine self-executing anonyme Funktion verwenden.

result += ' <h3><a href="' + url + '" onclick="(function(){window.open(' + url + '); return false;})()">' + instituteName + '</a></h3>' + "\n"; 

Option Zwei

Bewegen Sie den Code in seine eigene Funktion:

function openCustomWindow(url) { 
    window.open(url); 
    return false; 
} 

... und diese Funktion rufen Sie stattdessen:

result += ' <h3><a href="' + url + '" onclick="openCustomWindow(' + url + ')">' + instituteName + '</a></h3>' + "\n"; 

[EDIT] I Es tut mir so leid. Das habe ich total vermisst. Sie sollten immer noch eine der beiden obigen Methoden ausführen (nur eine Funktion kann return false, keine Anweisung). Das Problem hier ist eigentlich, dass Ihr this von Ihrer Funktion zum tatsächlichen onclick ändert. Bei Ausführung im Onclick bezieht sich this auf window, nicht auf das Ereignis. Da es keine window.href gibt, schlägt die Anweisung zu window.open(undefined) fehl. Und weil es fehlschlägt, schlägt der <a> Tag in Ich denke, zweimal die URL angeben (einmal im <a href> und wieder in den window.open() sollte es beheben

Answer 10

Versuchen jQuery Ereignis Delegation mit:..

function initialize(){ 
    // ... code ... 

     $("#resultMap").delegate("a.myLink").click(function(){ 
      window.open(this.href, "myWindow"); 
      return false; 
     }); 
     Search(); 

    // ... more code ... 
} 


function MakeInfoWindowContent(name, instituteName, description, address, url) 
{ 
    var result = '<div class="infoBulle">'; 
    if (url != '') 
     result += ' <h3><a href="' + url + '" class="myLink">' + instituteName + '</a></h3>'; 
    else 
     result += ' <h3>' + instituteName + '</h3>'; 
    if (Trim(description) != '') 
     result += ' <p>' + description + '</p>'; 
    result += ' <p>' + address + '</p>'; 
    result += '</div>'; 
    return result; 
} 

Answer 11

I‘ habe diese Lösung getestet und es funktioniert!

Ich schlage Ihnen einen anderen Ansatz vor, aber meiner Meinung nach einfacher und sauberer: Verwenden Sie jQuery .Live-Ereignisse (ich sehe, dass Sie bereits jQuery verwenden, also sollte es keine Probleme dabei tun)!

Sie nur zwei kleine Änderungen brauchen:

Erster Wechsel:

Ändern der 3. Zeile von MakeInfoWindowContent Funktion Links auf diese Weise zu erstellen (es entfernt nur die Onclick-Attribut und fügt eine Klasse für Klarheit) :

result += '<h3><a class="marker_link" href="' + url + '">' + instituteName + '</a></h3>' + "\n"; 

Zweite Änderung:

Wo auch immer Sie (zum Beispiel auf DOM Last oder vor Kartenerstellung) wollen ausführen dies:

$('div#resultMap a.marker_link').live('click', function(e) { 
    window.open(this.href); 
    e.preventDefault(); 
}); 

End :)

Dies das Click-Ereignis auf das Dokument in der Bubbling-Phase arbeitet abfängt. Ich habe es ausprobiert und es funktioniert sogar mit Google Chrome.