ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

เหตุการณ์ onmousedown

<object เหตุการณ์

ตัวอย่าง

รัน JavaScript เมื่อมีการกดปุ่มเมาส์ย่อหน้า:

<p onmousedown="myFunction()">Click the text!</p>
ลองตัวเอง»

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง


ความหมายและการใช้งาน

เหตุการณ์ onmousedown เกิดขึ้นเมื่อผู้ใช้กดปุ่มเมาส์องค์ประกอบ

Tip: ลำดับของเหตุการณ์ที่เกี่ยวข้องกับเหตุการณ์ onmousedown (for the left/middle mouse button) :

  1. onmousedown
  2. onmouseup
  3. เมื่อคลิก

ลำดับของเหตุการณ์ที่เกี่ยวข้องกับเหตุการณ์ onmousedown (for the right mouse button) :

  1. onmousedown
  2. onmouseup
  3. OnContextMenu

สนับสนุนเบราว์เซอร์

เหตุการณ์
onmousedown ใช่ ใช่ ใช่ ใช่ ใช่

วากยสัมพันธ์

ใน HTML:

ใน JavaScript:

object .onmousedown=function(){ ลองตัวเอง»

ใน JavaScript โดยใช้ addEventListener() วิธีการ:

object .addEventListener("mousedown", myScript );
ลองตัวเอง»

หมายเหตุ: addEventListener() วิธีการที่ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และรุ่นก่อนหน้านี้


รายละเอียดทางเทคนิค

บับเบิ้ล: ใช่
ยกเลิก: ใช่
ประเภทเหตุการณ์: MouseEvent
แท็ก HTML ที่รองรับ: องค์ประกอบ HTML ทั้งหมดยกเว้น: <ฐาน> <BDO> ฟรี <head> <html> <iframe> <meta> <พารามิเตอร์> <script> <style> และ <title>
DOM เวอร์ชัน: ระดับที่ 2 เหตุการณ์

ตัวอย่าง

ตัวอย่างอื่น ๆ

เรียกฟังก์ชั่นที่มีพารามิเตอร์เมื่อปุ่มถูกกดลง
เมื่อปุ่มเมาส์จะถูกกดลงกว่า <p> องค์ประกอบเปลี่ยนสีเป็นสีแดง

การแจ้งเตือนที่ปุ่มเมาส์ที่ถูกกด
การแจ้งเตือนที่ปุ่มเมาส์ผู้ใช้กด

แจ้งเตือนองค์ประกอบผู้ใช้คลิกที่
แจ้งเตือนชื่อขององค์ประกอบผู้ใช้คลิกบน


<object เหตุการณ์