Behaviors ที่ใช้กับ JavaScript
Dreamweaver
ในบทนี้จะกำหนดเห็นการณ์ที่ใช้กำหนด JavaScript เช่น OnMouseOver กำหนดให้มีกิจกรรมเมื่อมีเมาส์อยู่เหนือวัตถุที่เรากำหนดBehaviors
1.onAbort เมื่อผู้ใช้คลิก Stop หรือ หยุดโหลดเว็บเพจ2.onBlur เมื่อผู้ใช้เลิกสนใจวัตถุ เช่น ผู้ใช้คลิกกรอกชื่อในแบบฟอร์ม เมื่อกรอกเสร็จแล้วก็คลิกที่ช่องอื่นต่อ ถือว่าเป็น onblur
3.onChange เมื่อผู้ใช้เปลี่ยนแปลงข้อมูล เช่น เปลี่ยนอายุ ในแบบฟอร์ม
4.onClick เมื่อผู้ใช้คลิก วัตถุที่กำหนด
5.onDblClick เมื่อผู้ใช้ดับเบิลคลิก วัตถุที่กำหนด
6.onError เมื่อมีความผิดพลาด error ขณะกำลังโหลดข้อมูล
7.onFocus เมื่อวัตถุอยู่ในความสนใจ เช่น คลิกที่วัตถุ หรือเลือกกรอกข้อความในแบบฟอร์ม
8.onKeyDown เมื่อผู้ใช้กดปุ่มบนคีบอร์ด
9.onKeyPress เมื่อผู้ใช้กดปุ่มบนคีบอร์ด
10.onKeyUp เมื่อผู้ใช้ปล่อยปุ่มที่กดบนคีบอร์ด
11.onLoad เมื่อโหลดภาพหรือข้อมูลเรียบร้อย
12.onMouseDown เมื่อผู้ใช้คลิกเมาส์
13.onMouseMove เมื่อผู้ใช้เคลื่อนเมาส์ในวัตถุที่กำหนด
14.onMouseOut เมื่อผู้ใช้เคลื่อนเมาส์ออกจากวัตถุที่กำหนด
15.onMouseOver เมื่อผู้ใช้เคลื่อนเมาส์บนวัตถุที่กำหนด
16.onMouseUp เมื่อผู้ใช้คลิกเมาส์และปล่อยปุ่มเมาส์
17.onMove เมื่อผู้ใช้เคลื่อนหน้าต่าง browser window หรือ frame ที่กำหนด
18.onReset เมื่อผู้ใช้คลิกปุ่ม reset แบบฟอร์ม
19.onResize เมื่อผู้ใช้เปลี่ยนขนาด browser window หรือ frame ที่กำหนด
20.onScroll เมื่อผู้ใช้เคลื่อน scroll (ปุ่มกลางของเมาส์) ขึ้นหรือลงใน browser
21.onSelect เมื่อผู้ใช้เลือกข้อความใน Text filed
22.onSubmit เมื่อผู้ใช้ submit แบบฟอร์ม
23.onUnload เมื่อผู้ใช้คลิกไปที่ browser อื่น หรือหน้าต่างอื่น
เมื่อเรารู้จัก Behaviors แล้ว ก็สามารถทำไปผสมรวมกับกิจกรรมของ JavaScript ได้มากมายเช่น เมื่อคลิกที่รูปจะทำให้รูปสั่น Effect > Shake เป็นต้น
เกี่ยวกับบทความนี้
- ระดับความยาก : พื้นฐาน
- คะแนนของบทความนี้ : 8
- สร้างเมื่อ : 15-05-2010
- จำนวนครั้งที่เปิด : 4,407
- เนื้อหาที่เกี่ยวข้อง :
- -
คลิกที่ ชอบจัง! เพื่อโหวตให้กับบทความนี้หากคิดว่าน่าสนใจ
บทความอื่นๆในหมวดลองทำเว็บไซต์ แบบง่ายๆ (6 เรื่อง)
Rollover Image
การเปลี่ยนรูปเมื่อเมาส์อยู่เหนือรูป rollover image จะเป็นคำสั่งที่ทำให้รูปภาพเราเปลี่ยนไป เมื่อเราเอาเมาส์ไปอยู่เหนือรูปที่ใช้คำสั่งนี้ เช่น ในตอนแรกแสดงรูปสุนัข แต่เมื่อเอาเมาส์ไปวางบนรูปก็เปลี่ยนไปเป็นรูป สิงโตแทน
สร้างเมื่อ : 16-05-2010 0:09 | จำนวนครั้งที่เปิด : 6,629
Swap image
เมื่อเลื่อนเมาส์เหนือรูปที่กำหนด จะแสดงรูปที่ใหญ่กว่าในอีกตำแหน่งหนึ่ง
สร้างเมื่อ : 15-05-2010 23:47 | จำนวนครั้งที่เปิด : 5,761
Behaviors ที่ใช้กับ JavaScript
ในบทนี้จะกำหนดเห็นการณ์ที่ใช้กำหนด JavaScript เช่น OnMouseOver กำหนดให้มีกิจกรรมเมื่อมีเมาส์อยู่เหนือวัตถุที่กำหนด
สร้างเมื่อ : 15-05-2010 23:52 | จำนวนครั้งที่เปิด : 4,407
เขย่าภาพเมื่อเมาส์อยู่เหนือภาพ
เทคนิคการใช้งาน JavaScript แบบง่ายๆ เพื่อเพิ่มความเข้าใจ Behaviors และ Action ต่างๆ
สร้างเมื่อ : 15-05-2010 23:53 | จำนวนครั้งที่เปิด : 4,222
ทำลิงค์เปิดหน้าต่างใหม่ด้วย JavaScript
ในบทนี้เราจะทำลิงค์ที่เปิดหน้า Browser ใหม่ด้วย JavaScript ซึ่งทำให้เราสามารถกำหนดได้ว่าต้องการให้ Browser ใหม่นั้นแสดงอะไรบ้าง [br]
สร้างเมื่อ : 15-05-2010 23:56 | จำนวนครั้งที่เปิด : 6,229
ตรวจสอบความถูกต้องของข้อมูลด้วย JavaScript
ในหลายเว็บจะมีการให้ผู้ใช้งานกรอกข้อมูลในแบบฟอร์มเพื่อสมัครสมาชิก ซึ่งในการกรอกแบบฟอร์มนั้นอาจมีการผิดพลาดในการกรอกข้อมูลได้ เช่นผู้ใช้งานกรอก email ผิดพลาด ในบทนี้จะเป็นการใช้ JavaScript เพื่อตรวจสอบข้อมูลที่อยู่ในแบบฟอร์ม
สร้างเมื่อ : 16-05-2010 0:03 | จำนวนครั้งที่เปิด : 5,860

