19/09/2018, 14:53
Sự kiện onmousedown
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 < ! DOCTYPE html > < html > < body > < p id = "p1" onmousedown = "mouseDown()" onmouseup = "mouseUp()" > ...
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!DOCTYPE html> <html> <body> <p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()"> Nhấn vào đoạn văn bản này! Hàm mouseDown() được kích hoạt khi bạn nhấn chuột xuống để chuyển màu của chữ sang màu đỏ. Hàm mouseUp() sẽ được kích hoạt khi chuột được thả ra, màu chữ sẽ chuyển sang màu xanh lá cây. </p> <script> function mouseDown() { document.getElementById("p1").style.color = "red"; } function mouseUp() { document.getElementById("p1").style.color = "green"; } </script> </body> </html> |
Demo
Định nghĩa và cách sử dụng
Thuộc tính onmousedown được kích hoạt khi bạn nhấn chuột vào thẻ.
Mẹo: Thứ tự các sự kiện liên quan tới thuộc tính onmousedown (dành cho nút chuột trái/giữa):
- onmousedown
- onmouseup
- onclick
Thứ tự các sự kiện liên quan tới thuộc tính (dành cho nút chuột phải):
- onmousedown
- onmouseup
- oncontextmenu
Trình duyệt hỗ trợ
| Thuộc tính |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| onmousedown | Có | Có | Có | Có | Có |
Khác biệt giữa HTML 4.01 và HTML5
Không có sự khác biệt.
Cú pháp
|
1 |
<element onmousedown="script"> |
Giá trị thuộc tính
| Giá trị | Miêu tả |
|---|---|
| script | Chạy script khi thuộc tính được kích hoạt |
Chi tiết
Thuộc tính được sử dụng trong tất cả các thẻ của HTML ngoại trừ : <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> và <title>
