ดาวน์โหลด wasap.js - ดาวน์โหลดซอร์สโค้ด wasap.js

wasap.js

โค้ดแหล่งที่มา AI

1.0.0

ดาวน์โหลด

wasap.js

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 (ไม่บังคับ) •ตั้งไว้ล่วงหน้าข้อความ

API

➡ enableIf (regex | ฟังก์ชั่น | บูลีน, ค่าเริ่มต้นเป็น /android|iphone|ipad/i )

แพลตฟอร์มที่รองรับปัจจุบันหาก Regex ตรงกับ window.navigator.userAgent เมื่อใช้เป็นฟังก์ชั่นมันสามารถเป็นโมดูลได้มากขึ้นและบูลีนปิดใช้งานหรือเปิดใช้งานสำหรับทุกแพลตฟอร์ม

➡ protocolIf (regex | ฟังก์ชั่น | บูลีน, ค่าเริ่มต้นเป็น /android|iphone|ipad/i )

หากเปิดใช้งานเงื่อนไขใดที่ควรปฏิบัติตามเพื่อเปลี่ยนเส้นทางผู้ใช้ไปยังโปรโตคอล whatsapp แทน URL http ซึ่งไม่ทำงานบนมือถือในขณะนี้

➡ openCallback (ฟังก์ชั่นค่าเริ่มต้นไปยัง window.open )

หากเปิดใช้ elementCallback คุณสามารถป้องกันการคลิกจากการเรียกใช้การดำเนินการที่กำหนดเอง หลังจากพฤติกรรมที่กำหนดเองนี้ฟังก์ชั่นนี้กำหนดวิธีการเปลี่ยนเส้นทางผู้ใช้

➡ elementCallback (ฟังก์ชั่น)

การโทรกลับทำกับองค์ประกอบแต่ละองค์ประกอบที่พบดังนั้นคุณสามารถปรับแต่งพฤติกรรมของมัน (คลิกการเรียกกลับเหตุการณ์อื่น ๆ แก้ไขเนื้อหาของโหนด ฯลฯ )

➡ newNodeSelector (สตริงค่าเริ่มต้นเป็น a)

องค์ประกอบที่จะผนวกเข้ากับองค์ประกอบเป้าหมายซึ่งควรมีชื่อแท็กใด ถ้า A มันจะสร้างแอตทริบิวต์ HREF รองรับ ID และคลาส