ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

ผู้คนมักจะใช้เมาส์ในการใช้งานเว็บเพื่อไปคลิกหรือเลือกตำแหน่งๆ  ซึ่งเราควรมีฟังก์ชันการทำงานต่างๆเมื่อมีการคลิกที่ตำแหน่งนั้นๆเกิดขึ้น  ซึ่งมีทั้งคลิกหนึ่งครั้ง สองครั้ง และมากกว่านั้น  เพื่อความสะดวกในการใช้งานและเป็นที่น่าสนใจมากขึ้น บทความจะนำเสนอ เมธอด  dblClick()  นั้นก็คือ ดับเบิ้ลคลิกนั้นเอง

dblClick ()  เป็นเมธอด ที่ inbuilt ใน jQuery ที่ใช้ในการก่อให้เกิดเหตุการณ์คลิกสองครั้งที่จะเกิดขึ้น 

เมธอดจะเกิดขึ้นเมื่อองค์ประกอบที่เลือกจะถูกดับเบิลคลิก

รูปแบบ Syntax 

$(selector).dblclick(args);

 “ selector” ในที่นี้เป็นองค์ประกอบที่เลือก 

 

  • พารามิเตอร์:  มันจะรับพารามิเตอร์ “ args” ซึ่งระบุฟังก์ชั่นที่ทำงานเฉพาะหลังจากคลิกสองครั้ง 
  • Return Value: จะส่งคืนฟังก์ชั่นบางอย่างเมื่อองค์ประกอบที่เลือกถูกดับเบิลคลิก

 

ตัวอย่างโค้ด  Jquery และ HTML ดังนี้

<html> 

<head> 
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
	<script> 
		<!-- jQuery code to show dbclick method -->
		$(document).ready(function() { 
			$("button").dblclick(function() { 
				$("p").fadeOut(); 
			}); 
		}); 
	</script> 
	<style> 
		p { 
			display: block; 
			padding: 20px; 
			color: gree; 
			width: 300px; 
			border: 2px solid green; 
			font-size: 25px; 
		} 
	</style> 
</head> 

<body> 
	<p>Welcome to Mindphp !</p> 
	<!-- click on this button and above paragraph will disappear -->
	<button>Double Click Me! </button> 
</body> 

</html> 

ผลลัพธ์เมื่อเปิดผ่านWeb browser ผลลัพธ์ผลลัพธ์เมื่อเปิดผ่านเบราเซอร์

เมื่อเรากดคลิกสองครั้งที่ปุ่ม 

หลังจากกดปุ่ม
เมื่อกดปุ่มสองครั้ง ข้อความด้านบนจะหายไป

เราได้กำหนดในโค้ดไว้ว่า เมื่อมีการกดปุ่มสองครั้ง ข้อความ Mindphp ด้านบนจะหายไป ก็เป็นไปตามผลลัพธ์อย่างที่เห็นครับ นี้เป็นตัวอย่างคร่าวๆ ลองนำไปต่อยอดดูน่ะครับ

 

ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : Jquery

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 23 พฤษภาคม 2562
โดย teenproza7 พฤ 23 พฤษภาคม 2019 9:55 am บอร์ด M082 - ยศนันท์ ปันคำ
0
2
พฤ 23 พฤษภาคม 2019 9:55 am โดย teenproza7
อยากเล่นเฟซบุ๊กต้องทำยังไง
โดย teenproza7 พ 22 พฤษภาคม 2019 8:48 pm บอร์ด Share Knowledge
0
20
พ 22 พฤษภาคม 2019 8:48 pm โดย teenproza7
สอบถามเรื่องการสร้างเพจ
โดย khwanchanok พ 22 พฤษภาคม 2019 7:14 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
10
พ 22 พฤษภาคม 2019 7:14 pm โดย khwanchanok
วิธี start server บนเครื่อง VM กรณี server ดับ (Ubuntu server) ระบบไฟล์มีปัญหา
โดย tatiya พ 22 พฤษภาคม 2019 7:04 pm บอร์ด Linux - Web Server
0
15
พ 22 พฤษภาคม 2019 7:04 pm โดย tatiya
ข้อดีเเละข้อเสียของการซื้อของเเพง
โดย สริญญา สมสา พ 22 พฤษภาคม 2019 6:50 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
8
พ 22 พฤษภาคม 2019 6:50 pm โดย สริญญา สมสา
การสร้าง FanPage ใน Facbook
โดย khwanchanok พ 22 พฤษภาคม 2019 6:46 pm บอร์ด Share Knowledge
3
34
พ 22 พฤษภาคม 2019 7:50 pm โดย tatiya
ไม่สามารถส่งค่าไปยัง database ได้
โดย teenproza7 พ 22 พฤษภาคม 2019 6:21 pm บอร์ด Programming - C/C++ & java & Python
1
18
พ 22 พฤษภาคม 2019 6:30 pm โดย tatiya
เรียนรู้การนับค่าKey index ในList
โดย khwanchanok พ 22 พฤษภาคม 2019 6:15 pm บอร์ด Python Knowledge
0
4
พ 22 พฤษภาคม 2019 6:15 pm โดย khwanchanok
ข้อแตกต่างระหว่าง List Tuple และ Ditionary
โดย khwanchanok พ 22 พฤษภาคม 2019 6:04 pm บอร์ด Python Knowledge
0
5
พ 22 พฤษภาคม 2019 6:04 pm โดย khwanchanok
มารู้จักกับ Built-in Funtion ในPython
โดย khwanchanok พ 22 พฤษภาคม 2019 5:52 pm บอร์ด Python Knowledge
0
6
พ 22 พฤษภาคม 2019 5:52 pm โดย khwanchanok
สร้างตัวแปรใน Python
โดย khwanchanok พ 22 พฤษภาคม 2019 5:36 pm บอร์ด Python Knowledge
0
7
พ 22 พฤษภาคม 2019 5:36 pm โดย khwanchanok
Error ภาษาไทยใน Python
โดย khwanchanok พ 22 พฤษภาคม 2019 5:29 pm บอร์ด Python Knowledge
0
16
พ 22 พฤษภาคม 2019 5:29 pm โดย khwanchanok
ดูแลหูฟังกันอย่างไรใหม่มีประสิทธิภาพ
โดย jamepiyawat พ 22 พฤษภาคม 2019 4:55 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
13
พ 22 พฤษภาคม 2019 4:55 pm โดย jamepiyawat
วิธีทำสลัดโรล
โดย สริญญา สมสา พ 22 พฤษภาคม 2019 4:41 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
14
พ 22 พฤษภาคม 2019 4:41 pm โดย สริญญา สมสา
ออกกำลังกายกี่วันถึงจะดีนะ ?
โดย jamepiyawat พ 22 พฤษภาคม 2019 3:48 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
20
พ 22 พฤษภาคม 2019 3:48 pm โดย jamepiyawat
ประเภทเเละระบบของการเงิน
โดย สริญญา สมสา พ 22 พฤษภาคม 2019 3:29 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
7
พ 22 พฤษภาคม 2019 3:29 pm โดย สริญญา สมสา
เจอปัญหา หลังจากการอัพเกรด Joomla เมนูย่อย ใน Components Component หาย
โดย mindphp พ 22 พฤษภาคม 2019 3:28 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
9
พ 22 พฤษภาคม 2019 3:28 pm โดย mindphp
เลือกเก้าอี้ที่เหมาะสมกันเถอะ
โดย jamepiyawat พ 22 พฤษภาคม 2019 3:13 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
21
พ 22 พฤษภาคม 2019 3:13 pm โดย jamepiyawat
สรุปฟีเจอร์ที่เพิ่มไปในระบบ Web - Ordering
โดย Parichat พ 22 พฤษภาคม 2019 2:55 pm บอร์ด Diageo - Web Ordering (Main)
0
7
พ 22 พฤษภาคม 2019 2:55 pm โดย Parichat
วิธีแก้อาการเมาค้าง แฮงค์ คลื่นไส้ ทำอย่างไรให้หายเมาแบบรวดเร็ว
โดย teenproza7 พ 22 พฤษภาคม 2019 2:40 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
10
พ 22 พฤษภาคม 2019 2:40 pm โดย teenproza7