Sự kiện onmousedown

Posted by: admin in Thư viện sự kiện HTML 0

<!DOCTYPE html>

<html>

<body>

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>

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>

WebVN Cộng đồng web Việt Nam