Skip to main content
se eliminaron 456 caracteres en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

Prueba a modificar la función divMove de este modoAquí tienes un fallo: Array.indexOf te devuelve -1 si no encuentra el elemento, lo que hace que el contenido de la condición se ejecute siempre que el elemento no esté en la primera posición del array (la única vez que se devuelve 0 y, por tanto, la condición es falsa.

function divMove(e) {
    letif(arrayCaja.indexOf(e.id)) {
        elemento = e.currentTarget;target;
        elemento.style.position = 'absolute';
        elemento.style.top = e.clientY + 'px';
        elemento.style.left = e.clientX + 'px';
    }
}

El asunto es que si añades a un elemento un "event handler", la función se ejecutará tanto si pinchas en ese elemento como en cualquiera de sus hijos. e.target apunta al contenedor que tiene el "event handler" y e.currentTarget al elemento que realmente está recibiendo el evento.

$('#a').click(function (e) {
  console.log(e.target);
  console.log(e.currentTarget);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="a">
  <div id="b">Texto A</div>
  Texto B
</div>

Prueba a modificar la función divMove de este modo:

function divMove(e) {
    let elemento = e.currentTarget;
    elemento.style.position = 'absolute';
    elemento.style.top = e.clientY + 'px';
    elemento.style.left = e.clientX + 'px';
}

El asunto es que si añades a un elemento un "event handler", la función se ejecutará tanto si pinchas en ese elemento como en cualquiera de sus hijos. e.target apunta al contenedor que tiene el "event handler" y e.currentTarget al elemento que realmente está recibiendo el evento.

$('#a').click(function (e) {
  console.log(e.target);
  console.log(e.currentTarget);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="a">
  <div id="b">Texto A</div>
  Texto B
</div>

Aquí tienes un fallo: Array.indexOf te devuelve -1 si no encuentra el elemento, lo que hace que el contenido de la condición se ejecute siempre que el elemento no esté en la primera posición del array (la única vez que se devuelve 0 y, por tanto, la condición es falsa.

function divMove(e) {
    if(arrayCaja.indexOf(e.id)) {
        elemento = e.target;
        elemento.style.position = 'absolute';
        elemento.style.top = e.clientY + 'px';
        elemento.style.left = e.clientX + 'px';
    }
}
se añadieron 729 caracteres en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

Prueba a modificar la función divMove de este modo:

function divMove(e) {
    let elemento = e.currentTarget;
    elemento.style.position = 'absolute';
    elemento.style.top = e.clientY + 'px';
    elemento.style.left = e.clientX + 'px';
}

El asunto es que si añades a un elemento un "event handler", la función se ejecutará tanto si pinchas en ese elemento como en cualquiera de sus hijos. e.target apunta al contenedor que tiene el "event handler" y e.currentTarget al elemento que realmente está recibiendo el evento.

$('#a').click(function (e) {
  console.log(e.target);
  console.log(e.currentTarget);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="a">
  <div id="b">Texto A</div>
  Texto B
</div>

Prueba a modificar la función divMove de este modo:

function divMove(e) {
    let elemento = e.currentTarget;
    elemento.style.position = 'absolute';
    elemento.style.top = e.clientY + 'px';
    elemento.style.left = e.clientX + 'px';
}

Prueba a modificar la función divMove de este modo:

function divMove(e) {
    let elemento = e.currentTarget;
    elemento.style.position = 'absolute';
    elemento.style.top = e.clientY + 'px';
    elemento.style.left = e.clientX + 'px';
}

El asunto es que si añades a un elemento un "event handler", la función se ejecutará tanto si pinchas en ese elemento como en cualquiera de sus hijos. e.target apunta al contenedor que tiene el "event handler" y e.currentTarget al elemento que realmente está recibiendo el evento.

$('#a').click(function (e) {
  console.log(e.target);
  console.log(e.currentTarget);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="a">
  <div id="b">Texto A</div>
  Texto B
</div>

Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

Prueba a modificar la función divMove de este modo:

function divMove(e) {
    let elemento = e.currentTarget;
    elemento.style.position = 'absolute';
    elemento.style.top = e.clientY + 'px';
    elemento.style.left = e.clientX + 'px';
}