Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

jadsonlucena

Onmousemove: posição do ponteiro independente de elementos filhos

Recommended Posts

Galera, estou usando o onmousemove para adquirir a posição vertical exata do pinteiro na camada. Mas quando o ponteiro passa em um dos filhos do NodElement ele pega a posição do ponteiro referente ao elemento filho.
gostaria que o script ignorasse os elementos filhos e só pegasse a posição do ponteiro referente ao elemento especificado.
script:
window.onload = function() {
var doc = document.getElementById('camada');

	doc.onmousemove = function(evt) {
	var cursPositionY = evt.layerY ? evt.layerY : window.event.offsetY;
		alert(cursPositionY);
	};

};

Como faço para ele ignorar todos os elementos que estejam dentro da camada e só retorne a posição do ponteiro referente a ela?

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Realmente "Fiote", no meu caso é este.

 

Mas agora fiquei encucado... Rsrs

 

É impressão só minha ou o seu html é o mesmo que o do "Lucas Guima" e só mudou o style??? ;-P

 

Em suma o meu html é este:

<div id="posts">

	<div id="article">

		<!-- Elementos referente aos posts -->

	</div>

	<div id="reply">

		<!-- Elementos referente a caixa de resposta -->

	</div>

</div>

O article obtém 75% do height do document e o reply 25%.

 

Segue o style:

#posts {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
#article {
	width: 100%;
	height: 75%;
	overflow: auto;
}
#reply {
	width: 100%;
	height: 25%;
	border-top: thin groove #000;
	background-color: #fff;

	-webkit-box-shadow: 0 -1px 10px 0 #000;
	box-shadow: 0 -1px 10px 0 #000;
}

Onde foi que errei?

Pois no exemplo do "Lucas" o cursor mostra ignorar completamente o paragrafo interno.

 

Gostaria que o meu código fizesse o mesmo...

 

Grato desde já pela ajuda!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Jadson,

 

Não precisa colocar meu nome entre aspas lol.

 

A diferença entre o exemplo do Lucas e o meu é o position:absolute do elemento pai, exatamente como você usou.

 

De qualquer forma, o clientY do Lucas resolve o problema. Use layerY quando você precisar a posição relativa, e clientY quando quiser a posição absolute.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Marque um post como a resposta (provavelmente o do Lucas rs) pro tópico ficar como "Resolvido" ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.