wasap.js
1.0.0
wasap.js • démos
Tout d'abord, ajoutez l'attribut data-whatsapp aux nœuds que vous souhaitez être cliquables:
<span data-whatsapp="5210000000000">Reach me via WhatsApp!</span>
Incluez ensuite le fichier JS et initialisez-le.
wasap.init();
data-whatsapp est requis, il est recommandé d'être une balise <span> (ou tout élément en ligne d'ailleurs), et ce ne doit pas être un élément <a> .
data-whatsapp (requis) • Assurez-vous d'utiliser le format de téléphone international pour de meilleurs résultats et d'utiliser uniquement des nombres, pas de traits de traits, d'espaces ou de panneaux.data-whatsapp-message (facultatif) • Preset un message. ➡ enableIf (regex | function | booléen, par défaut à /android|iphone|ipad/i )
Les plates-formes prises en charge actuellement, si regex, correspondent à window.navigator.userAgent . Lorsqu'il est utilisé comme fonction, il peut être plus modulaire et le booléen désactive ou permet pour chaque plate-forme.
➡ protocolIf (Regex | Fonction | Boolean, par défaut vers /android|iphone|ipad/i )
S'il est activé, quelles conditions doivent être remplies pour rediriger l'utilisateur vers le protocole whatsapp au lieu de l'URL http , qui ne fonctionne pas sur le mobile pour le moment.
➡ openCallback (fonction, par défaut à window.open )
Si elementCallback est activé, vous pouvez empêcher un clic de déclencher pour effectuer une action personnalisée. Après ce comportement personnalisé, cette fonction définit la façon dont l'utilisateur sera redirigé.
➡ elementCallback (fonction)
Rappel fait à chacun des éléments trouvés, afin que vous puissiez personnaliser son comportement (cliquez sur les rappels, autres événements, modifier le contenu du nœud, etc.)
➡ newNodeSelector (chaîne, par défaut sur a)
L'élément qui sera annexé à l'élément cible, quel nom de balise devrait-il avoir? Si A, il créera l'attribut HREF. Il prend en charge les ID et les classes.
nvm use 4 && npm installnpm run dev
