wasap.js
1.0.0
wasap.js • Demos
Primero, agregue el atributo data-whatsapp a los nodos que desea que se pueda hacer clic:
<span data-whatsapp="5210000000000">Reach me via WhatsApp!</span>
Luego incluya el archivo JS e inicializarlo.
wasap.init();
Se requiere data-whatsapp , se recomienda ser una etiqueta <span> (o cualquier elemento en línea), y no debe ser un elemento <a> .
data-whatsapp (requerido) • Asegúrese de usar el formato de teléfono internacional para obtener mejores resultados y usar solo números, sin guiones, espacios o letreros.data-whatsapp-message (opcional) • Presetista un mensaje. ➡ enableIf (regex | function | boolean, predeterminado a /android|iphone|ipad/i )
Las plataformas admitidas actualmente, si Regex, coincide con window.navigator.userAgent . Cuando se usa como función, puede ser más modular, y el booleano desactiva o habilita para cada plataforma.
➡ protocolIf (regex | function | boolean, predeterminado a /android|iphone|ipad/i )
Si está habilitado, qué condiciones se deben cumplir para redirigir al usuario al protocolo de whatsapp en lugar del URL http , que no funciona en el móvil en este momento.
➡ openCallback (función, predeterminada a window.open )
Si elementCallback habilitó, puede evitar que un clic active para hacer una acción personalizada. Después de este comportamiento personalizado, esta función define cómo se redirigirá el usuario.
➡ elementCallback (función)
La devolución de llamada realizada a cada uno de los elementos encontrados, por lo que puede personalizar su comportamiento (haga clic en devoluciones de llamada, otros eventos, modifique el contenido del nodo, etc.)
➡ newNodeSelector (cadena, predeterminado a A)
El elemento que se agregará al elemento de destino, ¿qué nombre de la etiqueta debería tener? Si A, creará el atributo HREF. Admite identificaciones y clases.
nvm use 4 && npm installnpm run dev
