เหตุการณ์onmousedown
ตัวอย่าง
เรียกใช้ JavaScript เมื่อกดปุ่มเมาส์เหนือย่อหน้า:
<p onmousedown="myFunction()">Click the text!</p>
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
เหตุการณ์ onmousedown เกิดขึ้นเมื่อผู้ใช้กดปุ่มเมาส์เหนือองค์ประกอบ
เคล็ดลับ:ลำดับเหตุการณ์ที่เกี่ยวข้องกับเหตุการณ์ onmousedown (สำหรับปุ่มซ้าย/ปุ่มกลางของเมาส์):
ลำดับเหตุการณ์ที่เกี่ยวข้องกับเหตุการณ์ onmousedown (สำหรับปุ่มเมาส์ขวา):
- onmousedown
- onmouseup
- เมนูตามบริบท
รองรับเบราว์เซอร์
Event | |||||
---|---|---|---|---|---|
onmousedown | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
ใน HTML:
<element onmousedown="myScript">
ในจาวาสคริปต์:
object.onmousedown = function(){myScript};
ใน JavaScript โดยใช้เมธอด addEventListener() :
object.addEventListener("mousedown", myScript);
หมายเหตุ:วิธีการaddEventListener()ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และเวอร์ชันก่อนหน้า
รายละเอียดทางเทคนิค
ฟองอากาศ: | ใช่ |
---|---|
ยกเลิกได้: | ใช่ |
ประเภทเหตุการณ์: | กิจกรรมเมาส์ |
แท็ก HTML ที่รองรับ: | องค์ประกอบ HTML ทั้งหมด ยกเว้น: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> และ <title> |
รุ่น DOM: | กิจกรรมระดับ 2 |
ตัวอย่างเพิ่มเติม
เมื่อกดปุ่มเมาส์เหนือองค์ประกอบ <p> ให้เปลี่ยนสีเป็นสีแดง
แจ้งเตือนปุ่มเมาส์ที่ผู้ใช้กด
แจ้งเตือนชื่อขององค์ประกอบที่ผู้ใช้คลิก