Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Como faço para evitar a propagação do evento pai para o filho??
Gostaria que o script efetuasse uma ação ao passar o mouse sobre o elemento pai e outra ao passar o mouse sobre o elemento filho!!! E não as duas ao passar o mouse sobre o elemento filho...
O que falta para este exemplo funcionar de forma correta??
<html>
<head>
<style type="text/css">#pai {
position:absolute;
left:70px;
top:29px;
width:261px;
height:220px;
background-color:#000;
z-index:1;
}
#filho {
position:absolute;
left:51px;
top:55px;
width:156px;
height:110px;
background-color:#00FF00;
z-index:1;
}</style>
<script type="text/javascript">
window.onload = function() {
document.getElementById('pai').onmousemove = function() {alert('Pai')};
document.getElementById('filho').onmousemove = function() {alert('Filho')};
};
</script>
</head>
<body>
<div id="pai">
<div id="filho"></div>
</div>
</body>
</html>acredito que usando uma destas ferramentas seria uma opção, até tentei, mais não obtive sucesso!!
stopPropagation;
cancelBubble;Nó.
Grato desde já!!
Carregando comentários...