Verwenden Sie <div> als button und trigger eine E-Mail, wenn darauf geklickt wird

Ich bin erstellen einer benutzerdefinierten Schaltfläche auf meiner Webseite, die ist eigentlich eine <div> möchte ich zum auslösen einer E-Mail, wenn der button geklickt wird. Was ist der beste Weg?

Ich habe versucht, den Aufruf einer javascript-Funktion mit Hilfe-onClick, das aussieht wie dieses -

function foo(){
    window.open("mailto:[email protected]");
}

Aber, öffnet sich eine neue Registerkarte in Chrome, und fragt dann nach der entsprechenden app zu senden die E-Mail. Diese Erfahrung ist Verschieden von dem, was wir in der Regel, wenn wir einfach eine <a href=mailto:.....> im HTML-Format.

Kann ich auch erstellen Sie ein neues Dokument-element in der JS-Funktion, und simuliert einen Klick, wie diese -

function sendEmail() {
    var mail = 'mailto:[email protected]';
    var a = document.createElement('a');
    a.href = mail;
    a.click();
};

Aber ich bin mir nicht sicher, ob das der richtige Weg! Hat jemand eine bessere Lösung?

Gibt es einen Grund für die Verwendung einer <div> und nicht einen block <a>? Sind Sie in der Lage, ändern Sie die markup/CSS?
Ich bin nicht in der Lage, vollständig anpassen die-Taste, wenn ich den <a> - tag, deshalb Griff ich zu <div>
Ich bin verwirrt, was meinst du anpassen? Sie können den Stil einer <a> wie können Sie Stil eine <div>, die Sie anzeigen als block
Hast du einen link oder eine Geige, die ich beziehen könnte? Mein Knopf hat ein Bild auch, und ja, die Seite besteht aus mehreren schwebenden Elementen, so dass ich nicht verwenden können, die block-Anzeige.
Vielleicht wäre es einfacher, wenn Sie konnte die post in Ihrem markup, dann könnten wir sehen, was Ihr falsch macht

InformationsquelleAutor divyanshm | 2013-10-28

  1. 10

    Verwenden Sie ein Anker-tag ein, aber ändern Sie die display-Eigenschaft auf block:

    HTML

    <a class="mailto" href="mailto:[email protected]">Mail</a>

    CSS

    .mailto{
  display:block;
  width:100px;
  height:20px;
}

    InformationsquelleAutor George

  2. 17

    Probieren und mir sagen, ob das funktioniert. Wenn nicht, werde ich löschen Antwort.

    <script>
function sendEmail() 
{
    window.location = "mailto:[email protected]";
}
</script>
<div onclick="sendEmail();">Send e-mail</div>
    Gute Antwort. Ich bevorzuge Fenster.open(mailto:[email protected] obwohl...da dies die Benutzer nicht Weg von Ihrer app, aber immer noch starten Sie die E-Mail-client.
    Hast du dies testen, @skidadon? Es nicht nehmen Sie Weg von der app/Website. Es startet nur den client

    InformationsquelleAutor Tony

  3. 8

    Extrem spät zu der party, ich weiß, aber was ist mit der Kombination dieser Antworten in etwas einfacher und praktischer:

    <div class="button" onclick="location.href='mailto:[email protected]';">Send E-Mail</div>
    Gut danke, dass die Antworten auf dem neuesten Stand!

    InformationsquelleAutor Chris Kempen

  4. 4

    Versuchen, diese Funktion und html. Es öffnet sich eine neue E-Mail-client mit.

    <div onclick="doMail();">


function doMail() {

    var email ="[email protected]";
    location.href = "mailto:"+email;
}

    InformationsquelleAutor userStack

  5. 0
    <div onclick="mailtoperformingFunction('inner');" id="divbutton">

<script type="text/javascript">
function mailtoperformingFunction()
{
}
</script>

    InformationsquelleAutor Vinay Pratap Singh

Schreibe einen Kommentar