mailto em JavaScript

Kushank Singh 12 outubro 2023
mailto em JavaScript

É extremamente necessário ter uma funcionalidade mailto em muitos aplicativos da web que podem enviar algumas informações para o endereço fornecido.

Este tutorial adicionará a funcionalidade mailto a qualquer elemento usando JavaScript.

A função Document.createElement() cria um novo elemento HTML especificando o tagName. Ele retorna o novo elemento.

Use o código abaixo e adicione a funcionalidade mailto a qualquer elemento usando JavaScript.

var email = document.createElement('a');
email.href = 'mailto:abc@mail.com';
email.click();

No exemplo de código, uma tag âncora com o nome email foi criada e adicionamos a funcionalidade mailto a ela usando o atributo href.

Podemos considerar um método alternativo para adicionar essa funcionalidade mailto usando jQuery.

Quando clicado, temos uma tag âncora que ativa a funcionalidade e nos permite enviar para o endereço de e-mail fornecido.

Em jQuery, uma biblioteca JavaScript eficiente, o método attr() é usado para definir valores para atributos ou retorná-los.

Verifique o código abaixo.

Código HTML:

<a id="email" href="#">
  Click to mail.
</a>

Códigos jQuery:

$(document).ready(function() {
  $('#email').attr('href', 'mailto:abc@mail.com');
});