19/09/2018, 14:49
Sự kiện ondblclick
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 < ! DOCTYPE html > < html > < body > < button ondblclick = "myFunction()" > Nh á y đú p v à o đâ y < / button ...
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<!DOCTYPE html> <html> <body> <button ondblclick="myFunction()">Nháy đúp vào đây</button> <p id="demo"></p> <p>Nháy đúp vào nút bên trên để kích hoạt hàm in ra chữ "Xin chào" trong thẻ p với id="demo".</p> <script> function myFunction() { document.getElementById("demo").innerHTML = "Xin chào"; } </script> </body> </html> |
Demo
Định nghĩa và cách sử dụng
Thuộc tính ondblclick được kích hoạt khi người dùng nháy đúp chuột vào thẻ.
Trình duyệt hỗ trợ
| Thuộc tính |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| ondblclick | 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 ondblclick="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 dùng được trong tất cả các thẻ HTML ngoại trừ thẻ : <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> và <title>.
Ví dụ
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!DOCTYPE html> <html> <body> <p id="demo" ondblclick="myFunction()">Nháy đúp vào đây để thay đổi màu chữ.</p> <p>Nháy đúp vào thẻ bên trên để kích hoạt hàm thay đổi màu chữ của thẻ p sang màu đỏ.</p> <script> function myFunction() { document.getElementById("demo").style.color = "red"; } </script> </body> </html> |
Demo
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!DOCTYPE html> <html> <body> Chữ mẫu: <input type="text" id="field1" value="Xin chào!"><br> Sao chép: <input type="text" id="field2"><br><br> <button ondblclick="myFunction()">Sao chép</button> <p>Nháy kép vào nút bên trên để kích hoạt hàm sao chép nội dung từ Chữ mẫu sang ô Sao chép.</p> <script> function myFunction() { document.getElementById("field2").value = document.getElementById("field1").value; } </script> </body> </html> |
Demo
