Publicado em 14 de fev.

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

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?

Discussão (7)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Lucas Guima· 14 de fev.

Como está seu HTML?

Eu testei aqui e não vi diferença.

Fiote· 14 de fev.

Lucas, realmente depende muito do HTML.

Fiz um edit no seu fiddle. Teste aqui e vê a diferença que TALVEZ seja o caso dele: http://jsfiddle.net/MdC35/1/

jadsonlucena· 14 de fev.

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!!!

Lucas Guima· 14 de fev.

De onde você tirou esse layerY?

Testei aqui com clientY e aparentemente funcionou.

Fiote· 14 de fev.

@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.

jadsonlucena· 17 de fev.

Desculpa a demora do retorno, mais eu agradeço muito a ajuda dos senhores....

Problema resolvido!!! ;-P

Fiote· 17 de fev.

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