wasap.js
1.0.0
wasap.js • demos
Primeiro, adicione o atributo data-whatsapp aos nós que você deseja ser clicável:
<span data-whatsapp="5210000000000">Reach me via WhatsApp!</span>
Em seguida, inclua o arquivo JS e inicialize -o.
wasap.init();
data-whatsapp é necessário, é recomendável ser uma tag <span> (ou qualquer elemento embutido para esse assunto) e não deve ser um elemento <a> .
data-whatsapp (exigido) • Certifique-se de usar o formato de telefone internacional para obter melhores resultados e usar apenas números-sem hífens, espaços ou sinais.data-whatsapp-message (Opcional) • Predefinir uma mensagem. ➡ enableIf (regex | function | booleano, padrão para /android|iphone|ipad/i )
Atualmente, as plataformas suportadas, se Regex, correspondem a window.navigator.userAgent . Quando usado em função, pode ser mais modular e o booleano desativa ou permite cada plataforma.
➡ protocolIf (regex | function | booleano, padrão para /android|iphone|ipad/i )
Se ativado, quais condições devem ser atendidas para redirecionar o usuário para o protocolo whatsapp em vez do URL http , que não está funcionando no celular no momento.
➡ openCallback (função, padroniza para window.open )
Se elementCallback habilitado, você pode impedir que um clique de acionar para fazer uma ação personalizada. Após esse comportamento personalizado, esta função define como o usuário será redirecionado.
➡ elementCallback (função)
Retorno de chamada feito para cada um dos elementos encontrados, para que você possa personalizar seu comportamento (clique em retornos de chamada, outros eventos, modificar o conteúdo do nó etc.)
➡ newNodeSelector (string, padroniza para a)
O elemento que será anexado ao elemento de destino, qual nome de tag deve ter? Se A, ele criará o atributo href. Ele suporta IDs e aulas.
nvm use 4 && npm installnpm run dev
