home

หน้าแรก
 Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

ทริกเกอร์เหตุการณ์โดยใช้เมธอด jQuery click()

อะไรคือการกระทำที่พบบ่อยที่สุดที่เราทำเมื่อเยี่ยมชมเว็บไซต์? คลิกเมาส์! การคลิกเป็นหนึ่งในการกระทำที่สำคัญที่สุดสำหรับเว็บไซต์หรือแอป คุณทำได้เมื่อนำทางผ่านเว็บไซต์และเพิ่มสินค้าลงในตะกร้าสินค้า

คงจะดีไม่น้อยถ้าเราสามารถบอกได้ว่าเมื่อใดที่ผู้ใช้คลิกองค์ประกอบเฉพาะบนหน้า จากนั้นเราก็สามารถสร้างประสบการณ์เกี่ยวกับพฤติกรรมนี้ได้

ป้อน jQuery click() กระบวนการ. เราสามารถทริกเกอร์เหตุการณ์เมื่อผู้ใช้คลิกเมาส์ด้วยโค้ดเพียงไม่กี่บรรทัด เมธอดนี้เรียกบนตัวเลือก jQuery และรับฟังก์ชันเรียกกลับเป็นอาร์กิวเมนต์ ฟังก์ชันเรียกกลับจะดำเนินการทุกครั้งที่ click() เมธอดตรวจพบเหตุการณ์การคลิกเมาส์

การใช้ jQuery click()

เราจะสร้างปุ่ม HTML และเพิ่มข้อความในหน้าเมื่อมีการคลิกปุ่มในตัวอย่างด้านล่าง click() คุณสามารถแนบเมธอดกับองค์ประกอบใดก็ได้บนหน้า แต่โดยทั่วไปแล้วจะแนบไปกับปุ่ม:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<div id="main">
  <button id="btn-primary">
  Click Me!
</button>
 <p class="new-content">
  
  </p>
</div>

โค้ดด้านบนแสดงปุ่มพื้นฐานที่มี id ของ "btn-primary" ภายใน

ที่มี id ของ "main" เป้าหมายของตัวอย่างนี้คือการแสดงเนื้อหาใหม่ในแท็ก

โดยมีคลาสเป็น "เนื้อหาใหม่" หลังจากคลิกปุ่ม

ใส่ jQuery ของเราในแท็ก