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

การสร้างเว็บไซต์หรือออกแบบเว็บไซต์ นอกจากจะต้องมีความสวยงามและมีการจัดวางองค์ประกอบทที่เหมาะสม สิ่งหนึ่งที่ขาดไม่ได้คือการเพิ่มลูกเล่นแปลกๆและน่าสนใจ เพื่อสร้างประสบการณ์ดีๆให้กับผู้ใช้  ซึ่งการสร้างลูกเล่นต่างๆโดยส่วนใหญ่เราสามารถใช้  JavaScript หรือ CSS  ซึ่งบทความนี้เราจะพูดถึง method keyup()

keyup ()เป็น method ใน JQuery ที่ใช้ในการเรียกเหตุการณ์(event)  เมื่อผู้ใช้ได้กดปุ่มจากแป้นพิมพ์ ดังนั้นการใช้ keyup () เป็นวิธีการที่เราสามารถตรวจสอบว่ามีการกดหรือปล่อยปุ่มใด ๆ จากแป้นพิมพ์  

ซึ่งมีรูปแบบ syntex ดังนี้ 

$(selector).keyup(function) 

ตัวอย่างง่ายๆการใช้เมธฮอด keyup()

<html> 

<head> 
	<title>Jquery | Keyup() </title> 
	<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"> 
	</script> 
</head> 
<script> 
	$(document).keyup(function(event) { 

		alert('You released a key'); 
	}); 
</script> 

<body> 
	<br> 
	<br> 
	<center> 
		<h1>Press and release a key from the keyboard </h1> 
	</center> 
</body> 

</html> 
keyup method
ผลลัพธ์เมื่อเปิดกับเบราเซอร์

 จากโค้ด ตรง Jquery  ได้ใช้ เมธอด keyup  และให้มีการ Alert  ซึ่งในที่นี้ก็คือ เมื่อผู้ใช้กดปุ่มใดๆบนคีย์บอร์ดและเมื่อปล่อยปุ่ม ให้ alert ข้อความ You released a key   

 

keyup method output
ผลลัพธ์เมื่อผู้ใช้กดปุ่มใดๆบนคีย์บอร์ด

เราสามารถนำ method keyup ไปใช้ในการตรวจสอบ password และ confirm password ว่าตรงกันหรือไม่ในรูปแบบ realtime คือ เมื่อผู้ใช้กรอก confirm password ทีละตัวก็สามารถตรวจทีละตัวได้ เป็นต้น  

 

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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 27 มิถุนายน 2562
โดย Patipat พฤ 27 มิ.ย. 2019 10:13 am บอร์ด M088 - ปฏิภัทร สารธรรม
0
1
พฤ 27 มิ.ย. 2019 10:13 am โดย Patipat
งานประจำวันที่ 27 มิถุนายน 2562
โดย jamepiyawat พฤ 27 มิ.ย. 2019 10:07 am บอร์ด M084 - นายปิยวัช เชาว์วิมล
0
2
พฤ 27 มิ.ย. 2019 10:07 am โดย jamepiyawat
งานประจำวันที่ 27 มิถุนายน 2562
โดย jirawoot พฤ 27 มิ.ย. 2019 10:07 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
0
1
พฤ 27 มิ.ย. 2019 10:07 am โดย jirawoot
งานประจำวันที่ 27 มิถุนายน 2562
โดย EyePornnipa พฤ 27 มิ.ย. 2019 10:05 am บอร์ด M089 - นางสาวพรนิภา ราชธานี
0
3
พฤ 27 มิ.ย. 2019 10:05 am โดย EyePornnipa
งานประจำวันที่ 27 มิถุนายน 2562
โดย chatee supasand พฤ 27 มิ.ย. 2019 9:55 am บอร์ด MT33 - นายชาตรี สุภาแสน
0
1
พฤ 27 มิ.ย. 2019 9:55 am โดย chatee supasand
สอบถามเรื่องการแก้โจทย์ pyhton ครับ
โดย Sutat Srisawat พ 26 มิ.ย. 2019 10:56 pm บอร์ด Programming - C/C++ & java & Python
1
8
พฤ 27 มิ.ย. 2019 9:29 am โดย thatsawan
งานประจำวันที่ 26 มิถุนายน 2562
โดย Patipat พ 26 มิ.ย. 2019 10:15 am บอร์ด M088 - ปฏิภัทร สารธรรม
1
4
พ 26 มิ.ย. 2019 7:37 pm โดย Patipat
google map ดูรูปภาพสถานที่ต่าง ๆ ของผู้คนที่ถ่ายภาพมา
โดย jamepiyawat พ 26 มิ.ย. 2019 7:05 pm บอร์ด Share Knowledge
0
14
พ 26 มิ.ย. 2019 7:05 pm โดย jamepiyawat
งานประจำวันที่ 26 มิถุนายน 2562
โดย EyePornnipa พ 26 มิ.ย. 2019 10:00 am บอร์ด M089 - นางสาวพรนิภา ราชธานี
1
23
พ 26 มิ.ย. 2019 6:54 pm โดย EyePornnipa
Cloud based accounting software คืออะไร แล้วมันดียังไง
โดย EyePornnipa พ 26 มิ.ย. 2019 6:37 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
13
พ 26 มิ.ย. 2019 6:37 pm โดย EyePornnipa
การเพิ่มข้อมูลลงในฐานข้อมูล python กับ flask framework
โดย jirawoot พ 26 มิ.ย. 2019 6:16 pm บอร์ด Python Knowledge
0
6
พ 26 มิ.ย. 2019 6:16 pm โดย jirawoot
javascript check time out ถ้าไม่มีการคลิกใดๆบน page ติดต่อกัน
โดย jataz2 พ 26 มิ.ย. 2019 5:57 pm บอร์ด JavaScript & Jquery Ajax
1
14
พ 26 มิ.ย. 2019 6:23 pm โดย tsukasaz
javascript เช็คตอนกด browse เอาเฉพาะไฟล์ .png , jpg , jpeg
โดย jataz2 พ 26 มิ.ย. 2019 5:21 pm บอร์ด JavaScript & Jquery Ajax
0
11
พ 26 มิ.ย. 2019 5:21 pm โดย jataz2
วิธีการ Reset Internet ผ่าน Command บน Window
โดย Patipat พ 26 มิ.ย. 2019 5:10 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
8
พ 26 มิ.ย. 2019 5:10 pm โดย Patipat
สรุป sql และ rml
โดย chatee supasand พ 26 มิ.ย. 2019 5:06 pm บอร์ด MT33 - นายชาตรี สุภาแสน
0
3
พ 26 มิ.ย. 2019 5:06 pm โดย chatee supasand
ยืมนาฬิกาเพื่อนไม่ผิด!!!
โดย chatee supasand พ 26 มิ.ย. 2019 4:44 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
6
พ 26 มิ.ย. 2019 4:44 pm โดย chatee supasand
ล้ง 1919 (LHONG 1919)
โดย Decha Thaweeumanjvaroj พ 26 มิ.ย. 2019 3:56 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
7
พ 26 มิ.ย. 2019 3:56 pm โดย Decha Thaweeumanjvaroj
การใช้ flask framework ในภาษา python
โดย jirawoot พ 26 มิ.ย. 2019 3:54 pm บอร์ด Python Knowledge
0
9
พ 26 มิ.ย. 2019 3:54 pm โดย jirawoot
วิธีการใช้งานโหมดไม่ระบุตัวตนบน IE11
โดย chatee supasand พ 26 มิ.ย. 2019 3:29 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
9
พ 26 มิ.ย. 2019 3:29 pm โดย chatee supasand
Quantum Computing คืออะไร?
โดย jirawoot พ 26 มิ.ย. 2019 3:07 pm บอร์ด Share Knowledge
0
8
พ 26 มิ.ย. 2019 3:07 pm โดย jirawoot