wasap.js
1.0.0
wasap.js •デモ
まず、クリック可能にするノードにdata-whatsapp属性を追加します。
<span data-whatsapp="5210000000000">Reach me via WhatsApp!</span>
次に、JSファイルを含めて初期化します。
wasap.init();
data-whatsappが必要です。 <span>タグ（またはその点の任意のインライン要素）であることをお勧めします。 <a>要素であってはなりません。
data-whatsapp （必須）•国際電話形式を使用して、より良い結果を得て、数字だけを使用してください。data-whatsapp-message （オプション）•メッセージをプリセットします。 enableIf （regex | function | boolean、デフォルト/android|iphone|ipad/i ）
現在サポートされているプラットフォームは、Regexの場合、 window.navigator.userAgentと一致しています。関数として使用すると、よりモジュール式になる可能性があり、ブール値はすべてのプラットフォームに対して無効または有効になります。
protocolIf （regex | function | boolean、デフォルト/android|iphone|ipad/i ）
有効にすると、 http URLの代わりにユーザーをwhatsappプロトコルにリダイレクトするためにどのような条件が満たされる必要があります。
openCallback （関数、デフォルトはwindow.openになります）
elementCallbackが有効になっている場合、クリックがトリガーされてカスタムアクションを実行するのを防ぐことができます。このカスタム動作の後、この関数はユーザーのリダイレクト方法を定義します。
elementCallback （関数）
見つかった各要素に作成されたコールバックがあるため、動作をカスタマイズできます（コールバック、その他のイベントをクリックし、ノードのコンテンツを変更するなど）
newNodeSelector （文字列、デフォルトはa）
ターゲット要素に追加される要素、どのタグ名があるはずですか？ Aの場合、HREF属性が作成されます。 IDとクラスをサポートします。
nvm use 4 && npm installnpm run dev
