10/10/2018, 10:38

giúp đỡ onmouseover javascript

mình thử đoạn code sau

<html>
<body>
<style>
.div_lon
{
width:200px;
height:75px;
background:blue;
color:white;
font-weight:bold;
}
.div_1
{
width:150px;
height:25px;
background:red;
color:white;
font-weight:bold
}
.div_2
{
width:150px;
height:25px;
background:#D2691E;
color:white;
font-weight:bold
}
</style>
<div onmouseover="alert('hover')" class="div_lon" >
<center>
<div class="div_1">div 1</div>
<div class="div_2">div 2</div>
</center>
</div>

</body>
</html>

mình muốn khi over vào cái div lớn nhất thì mới thực hiện alert nhưng sau khi tớ vào div lớn nó alert 1 lần rồ vào div nhỏ nó lại tiếp tục alert

có cách nào fix lại không mấy bạn

sự kiện alert chỉ xay ra đúng 1 lan khi rơi chuot vào div lớn bao gồm cả 2 cái div con trong nó luôn

trinhdiep viết 12:51 ngày 10/10/2018

dùng mouseenter và return false.

dokhacluan viết 12:41 ngày 10/10/2018

bác nói rõ hơn chút được không
mà có link nào ví du không , cho tớ xem tham khảo

1024KB viết 12:43 ngày 10/10/2018

Được gửi bởi dokhacluan

bác nói rõ hơn chút được không
mà có link nào ví du không , cho tớ xem tham khảo

http://api.jquery.com/mouseenter/

dokhacluan viết 12:42 ngày 10/10/2018

tớ chỉ muốn javascript thụần , không muốn frame word jquery

trinhdiep viết 12:48 ngày 10/10/2018

dễ mà. search là ra cả đống luôn.

Code:

<div onclick="func();return false;">
<div>title</div>
<div>content</div>
</div>

dokhacluan viết 12:42 ngày 10/10/2018

sữa lại thế này không thấy hoạt động

<html>
<body>
<style>
.div_lon
{
width:200px;
height:75px;
background:blue;
color:white;
font-weight:bold;
}
.div_1
{
width:150px;
height:25px;
background:red;
color:white;
font-weight:bold
}
.div_2
{
width:150px;
height:25px;
background:#D2691E;
color:white;
font-weight:bold
}
</style>
<div onmouseover="function(){alert('hover')};return false" class="div_lon" >
<center>
<div class="div_1">div 1</div>
<div class="div_2">div 2</div>
</center>
</div>

</body>
</html>

cậu có thể sữa code trực tiếp cho tớ dc không

vào link này test code cho lẹ http://www.w3schools.com/html/tryit....=tryhtml_intro

langtuquy viết 12:40 ngày 10/10/2018

Bạn có thể dùng thêm một biến để kiểm tra tính over của Div. Cụ thể:
<div onmouseover="function(){if(check){alert('hover'); check =false}}" onmouseout="check=true;" class="div_lon" >

dokhacluan viết 12:52 ngày 10/10/2018

@langtuquy : mình lam theo ý cậu nhưng không dc , cậu xem code của tớ

<html>
<body>
<script>
var kiem_tra="roi";
function over()
{
if(kiem_tra=="roi")
{
alert("over");
}
kiem_tra="roi";
}
function out()
{
kiem_tra="chua";
}
</script>
<style>
.div_lon
{
width:200px;
height:75px;
background:blue;
color:white;
font-weight:bold;
}
.div_1
{
width:150px;
height:25px;
background:red;
color:white;
font-weight:bold
}
.div_2
{
width:150px;
height:25px;
background:#D2691E;
color:white;
font-weight:bold
}
</style>
<div onmouseover="over()" onmouseout="out()" class="div_lon" >
<center>
<div class="div_1">div 1</div>
<div class="div_2">div 2</div>
</center>
</div>

</body>
</html>

1024KB viết 12:38 ngày 10/10/2018

Code:

<html>
<body>
<style>
.div_lon
{
width:200px;
height:75px;
background:blue;
color:white;
font-weight:bold;
}
.div_1
{
width:150px;
height:25px;
background:red;
color:white;
font-weight:bold
}
.div_2
{
width:150px;
height:25px;
background:#D2691E;
color:white;
font-weight:bold
}
</style>
<div onmouseover="javascript:alert('He');return false;" class="div_lon" >
<center>
<div class="div_1">div 1</div>
<div class="div_2">div 2</div>
</center>
</div>

</body>
</html>

Bình luận về bài viết này

Chia sẻ tin đăng đến bạn bè

Gửi Messenger

Bài liên quan

dokhacluan

0 chủ đề

0 bài viết

Tác giả nổi bật