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
  • เนื้อหาที่เกี่ยวข้อง :
      -

คะแนนความน่าสนใจ

1535

คลิกที่ ชอบจัง! เพื่อโหวตให้กับบทความนี้หากคิดว่าน่าสนใจ

บทความอื่นๆในหมวดลองทำเว็บไซต์ แบบง่ายๆ (6 เรื่อง)

Rollover Image

Rollover Image

การเปลี่ยนรูปเมื่อเมาส์อยู่เหนือรูป rollover image จะเป็นคำสั่งที่ทำให้รูปภาพเราเปลี่ยนไป เมื่อเราเอาเมาส์ไปอยู่เหนือรูปที่ใช้คำสั่งนี้ เช่น ในตอนแรกแสดงรูปสุนัข แต่เมื่อเอาเมาส์ไปวางบนรูปก็เปลี่ยนไปเป็นรูป สิงโตแทน

สร้างเมื่อ : 16-05-2010 0:09 | จำนวนครั้งที่เปิด : 6,629


Swap image

Swap image

เมื่อเลื่อนเมาส์เหนือรูปที่กำหนด จะแสดงรูปที่ใหญ่กว่าในอีกตำแหน่งหนึ่ง

สร้างเมื่อ : 15-05-2010 23:47 | จำนวนครั้งที่เปิด : 5,761


Behaviors ที่ใช้กับ JavaScript

Behaviors ที่ใช้กับ JavaScript

ในบทนี้จะกำหนดเห็นการณ์ที่ใช้กำหนด JavaScript เช่น OnMouseOver กำหนดให้มีกิจกรรมเมื่อมีเมาส์อยู่เหนือวัตถุที่กำหนด

สร้างเมื่อ : 15-05-2010 23:52 | จำนวนครั้งที่เปิด : 4,407


เขย่าภาพเมื่อเมาส์อยู่เหนือภาพ

เขย่าภาพเมื่อเมาส์อยู่เหนือภาพ

เทคนิคการใช้งาน JavaScript แบบง่ายๆ เพื่อเพิ่มความเข้าใจ Behaviors และ Action ต่างๆ

สร้างเมื่อ : 15-05-2010 23:53 | จำนวนครั้งที่เปิด : 4,222


ทำลิงค์เปิดหน้าต่างใหม่ด้วย JavaScript

ทำลิงค์เปิดหน้าต่างใหม่ด้วย JavaScript

ในบทนี้เราจะทำลิงค์ที่เปิดหน้า Browser ใหม่ด้วย JavaScript ซึ่งทำให้เราสามารถกำหนดได้ว่าต้องการให้ Browser ใหม่นั้นแสดงอะไรบ้าง [br]

สร้างเมื่อ : 15-05-2010 23:56 | จำนวนครั้งที่เปิด : 6,229


ตรวจสอบความถูกต้องของข้อมูลด้วย JavaScript

ตรวจสอบความถูกต้องของข้อมูลด้วย JavaScript

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

สร้างเมื่อ : 16-05-2010 0:03 | จำนวนครั้งที่เปิด : 5,860