Tìm kiếm
0398.259.259
Liên hệ
Blog
Kiến thức về website
Kiến thức SEO website
Kiến thức HTML
Kiến thức CSS
Kiến thức PHP
Kiến thức MySQL
Kiến thức JavaScript
Tên miền
Hosting
Thiết kế website
Giới thiệu
Trang chủ
Trang chủ
Giới thiệu
Thiết kế website
Hosting
Tên miền
Blog
Kiến thức về website
Kiến thức SEO website
Kiến thức HTML
Kiến thức CSS
Kiến thức PHP
Kiến thức MySQL
Kiến thức JavaScript
Liên hệ
0398.259.259
Chạy thử Sự kiện onmouseover không gắn trực tiếp trong JavaScript
Chạy thử Sự kiện onmouseover không gắn trực tiếp trong JavaScript
Chạy thử Sự kiện onmouseover không gắn trực tiếp trong JavaScript
Tự code rồi chạy thử...
Chạy Thử
<!DOCTYPE html> <html> <head> <title>Chạy thử Sự kiện onmouseover không gắn trực tiếp trong JavaScript</title> </head> <style> #kvuong{width:200px;height:200px;float:left;line-height:200px;text-align:center;background:red} #kvuong2{width:200px;height:200px;float:right;line-height:200px;text-align:center;background:red} </style> <body> <h1>Chạy thử Sự kiện onmouseover không gắn trực tiếp trong JavaScript</h1> <p>Dùng để tạo ra sự kiện khi rê chuột vào một thẻ HTML, sự kiện chỉ làm việc khi rê chuột vào còn sau đó thì không làm gì nữa:</p> <div id="kvuong" >Rê chuột vào</div> <div id="kvuong2" >Rê chuột vào</div> <script> var kvuong = document.getElementById('kvuong'); kvuong.onmouseover = function(){ kvuong.style.background = 'green'; }; var kvuong2 = document.getElementById('kvuong2'); kvuong2.addEventListener('mouseover', function(){ kvuong2.style.background = 'green'; }); </script> </body> </html>
<!DOCTYPE html> <html> <head> <title>Chạy thử Sự kiện onmouseover không gắn trực tiếp trong JavaScript</title> </head> <style> #kvuong{width:200px;height:200px;float:left;line-height:200px;text-align:center;background:red} #kvuong2{width:200px;height:200px;float:right;line-height:200px;text-align:center;background:red} </style> <body> <h1>Chạy thử Sự kiện onmouseover không gắn trực tiếp trong JavaScript</h1> <p>Dùng để tạo ra sự kiện khi rê chuột vào một thẻ HTML, sự kiện chỉ làm việc khi rê chuột vào còn sau đó thì không làm gì nữa:</p> <div id="kvuong" >Rê chuột vào</div> <div id="kvuong2" >Rê chuột vào</div> <script> var kvuong = document.getElementById('kvuong'); kvuong.onmouseover = function(){ kvuong.style.background = 'green'; }; var kvuong2 = document.getElementById('kvuong2'); kvuong2.addEventListener('mouseover', function(){ kvuong2.style.background = 'green'; }); </script> </body> </html>
Chạy thử Sự kiện onmouseover không gắn trực tiếp trong JavaScript
nằm trong bài viết
Sự kiện onmouseover trong JavaScript
0398.259.259
Messenger
Chỉ Đường
Gọi điện
