3

Por exemplo, tenho um script que pega as coordenadas do mouse:

 function posicaoMouse(ev){
        ev.preventDefault();
        var x = ev.clientX;
        var y = ev.clientY;
        console.log(x);
        console.log(y);
    }

E gostaria que o top e o left fossem definidos pelas variáveis xe y da function posicaoMouse, é possivel?
<span class="duvida" id="duvida2" style="position: absolute; top:'$x' left:'$y'"> teste </span>

2
  • 2
    Com CSS, não. O que você pode fazer é alterar esses valores via JS, com element.style.top = y e element.style.left = x, por exemplo.
    – Woss
    20/10/2017 às 12:11
  • Entendi, aí defino por exemplo var teste= $("#teste"); e depois defino como teste = element.style... É isso??
    – Sora
    20/10/2017 às 12:12

1 Resposta 1

6

Você pode alterar o valor da propriedade do elemento pelo javascript:

let elem = documento.getElementById("duvida2");
function posicaoMouse(ev){
    ev.preventDefault();
    var x = ev.clientX;
    var y = ev.clientY;
    elem.style.top = x;
    elem.style.left = y;
    console.log(x);
    console.log(y);
}
5
  • 1
    Entendi !!! Muito obrigado pela explicação Lucas !
    – Sora
    20/10/2017 às 12:13
  • Em 7 minutos poderei aceitar a resposta, novamente, obrigado !
    – Sora
    20/10/2017 às 12:13
  • O que seria o let em let elem??
    – Sora
    20/10/2017 às 12:14
  • let é similar ao var, porem é disponivel somente no escopo que está sendo declarado, é do ECMA6, navegadores mais novos estão aceitando já.
    – BrTkCa
    20/10/2017 às 12:17
  • Entendi, obrigado !!
    – Sora
    20/10/2017 às 12:17

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .