Erlaube Maus Hover nur auf einem iframe (kein Klicken)

Ich bin auf der Suche nach Sperren und Iframe, die ich derzeit habe.Erlaube Maus Hover nur auf einem iframe (kein Klicken)

Ich will es, damit jeder darüber schweben kann und der Zeigefinger erscheint, aber es deaktiviert nur alle Fähigkeiten, um darin zu klicken. Ich habe versucht, mit der pointer-events: none; CSS-Option, aber das alles deaktiviert.

Ich kann nirgendwo online finden, dass dies mit einem iframe möglich wäre, irgendwelche Ideen?

Quelle

2017-01-31 Jordan Wells

Funktionalität ist en/deaktiviert mit JavaScript, CSS nicht. Wenn der Frame eine Seite in derselben Domain oder in einer von Ihnen kontrollierten Domain anzeigt, können Sie dies mit JS erreichen. Wenn nicht, können Sie nicht. Das Beste, was Sie tun können, ist ein transparentes DIV über dem Rahmen zu überlagern, um ein Klicken zu verhindern. – Utkanos

Ich habe keinen Zugriff auf das Javascript - aber ja, ich denke, das könnte das sein, was ich am Ende machen muss. –

Ich denke, dies für Sie hilfreich sein kann:

<div title="Your title Here" style="pointer-events: none !important; cursor: pointer;"> 
    <iframe id="clock1" src="http://google.com" frameborder="0" width="110" height="110" 
      style="pointer-events: none !important; cursor: pointer;"></iframe> 
</div>

Quelle

2017-01-31 11:01:44

Eine einfache Lösung, die als Fänger oben auf Sie iframe zu verwenden, um einen div sein könnte, die CSS-Eigenschaft hat cursor: pointer;, wird dieser den Zeiger Effekt emulieren und Sie werden alle Interaktionen innerhalb des Iframes blockieren.

#catcher { 
 
    cursor: pointer; 
 
    width: 100%; 
 
    height: 100%; 
 
    z-index: 1000; 
 
}

<div id="catcher"> 
 
<iframe src="https://www.google.com" width="100%" height="100%"> 
 
</iframe> 
 
<div>

Quelle

2017-01-31 11:11:18 GibboK

Sollte wahrscheinlich erklärt haben, aber das würde gut funktionieren und alles außer dem Grund, warum ich möchte, dass sie in der Lage sind zu schweben, ist aufgrund der Grafiken im iframe, sie sind etwas interaktiv (Sie können sie ziehen, klicken Sie auf sie, Größe ändern etc .) aber ich will nichts davon. Ich möchte nur über verschiedene Datenpunkte schweben können, aber nicht in der Lage sein, wenn möglich zu klikken. –

Erlaube Maus Hover nur auf einem iframe (kein Klicken)

Antwort

Verwandte Themen