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');
});