Tema para preguntas random a Chatgpt 🤖

  • Autor Autor Carlos Arreola
  • Fecha de inicio Fecha de inicio
mejor podrias resolver esto?

document.onmouseleave = function(event) {
var elemento = event.target;
if (!elemento.classList.contains("favour1")) {
alert("hola");
}
}
document.ontouchmove = function(event) {
var touch = event.touches[0];
var elemento = document.elementFromPoint(touch.clientX, touch.clientY);
if (!elemento.classList.contains("li")) {
alert("hola");
}
}

quiero que si no se detecta el ontouchmove pase con el otro
 
Claro, podrías utilizar una condición para aplicar el manejador de eventos adecuado basado si el usuario está en un dispositivo móvil o un PC. Aquí te dejo un ejemplo de cómo podrías implementarlo:

JavaScript: 
var esMovil = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);

if (esMovil) {
    document.ontouchmove = function(event) {
        var touch = event.touches[0];
        var elemento = document.elementFromPoint(touch.clientX, touch.clientY);
        if (!elemento.classList.contains("li")) {
            alert("hola");
        }
    }
} else {
    document.onmouseleave = function(event) {
        var elemento = event.target;
        if (!elemento.classList.contains("favour1")) {
            alert("hola");
        }
    }
}

La variable esMovil será verdadera si el usuario está en un iPhone, iPad, iPod o dispositivo Android. En función de esta condición, aplicarás el manejador de eventos correspondiente.
 
porque no funciona con los elementos hijo??
 
blankito1998 dijo:
porque no funciona con los elementos hijo??
Hacer clic para expandir...
Si los eventos no se están propagando a los elementos hijos, probablemente se deba al concepto de propagación de eventos en JavaScript. Cuando un evento ocurre en un elemento, ese evento se propaga de los elementos hijos al padre, por defecto. Si no quieres que esto ocurra, debes detener la propagación del evento usando el método event.stopPropagation().

Sin embargo, en tu caso me parece que quieres que el evento se aplique también a los elementos hijos. En el caso de mouseleave y ontouchmove, podría ser que los hijos no estén registrando el evento porque están siendo obstruidos por los elementos padres o porque no tienen la clase "li" o "favour1".

Intenta aplicar las clases o los identificadores de eventos específicamente a los elementos hijos y verifica si esto soluciona el problema. Si no es así, podría ser útil ver más de tu código para entender mejor la situación.
 
document.onmouseleave = function(event) {
var elemento = event.target;
if (!elemento.classList.contains("favour1")) {
alert("hola");
}
}
omo podria hacer aqui para que funcione en los div hijos de favour1??
 
blankito1998 dijo:
document.onmouseleave = function(event) {
var elemento = event.target;
if (!elemento.classList.contains("favour1")) {
alert("hola");
}
}
omo podria hacer aqui para que funcione en los div hijos de favour1??
Hacer clic para expandir...
Para hacer que funcione el evento en los elementos hijos, puedes comprobar si el elemento tiene un padre con la clase "favour1". Aquí te dejo un ejemplo:

JavaScript: 
document.onmouseleave = function(event) {
    var elemento = event.target;
    while (elemento) {
        if (elemento.classList.contains("favour1")) {
            return;  // Si encuentra un padre con la clase, no mostrará alerta
        }
        elemento = elemento.parentElement;
    }
    alert("hola");
}

Este código verifica si el elemento tiene la clase "favour1". Si no la tiene, pasa al padre del elemento y verifica de nuevo. Si encuentra un elemento con la clase "favour1", detiene la verificación y no muestra la alerta. Si no encuentra ningún elemento con esa clase, muestra la alerta.
 
el div hijo se llama dps2 como haria alli?
 
blankito1998 dijo:
el div hijo se llama dps2 como haria alli?
Hacer clic para expandir...
Si el div hijo se llama "dps2" (asumiendo que "dps2" es el valor de su atributo id), y quieres que el evento se active cuando el mouse deja este elemento, entonces necesitas verificar específicamente este elemento en tu código JavaScript. Aquí te dejo un ejemplo:

JavaScript: 
document.onmouseleave = function(event) {
    var elemento = event.target;
    while (elemento) {
        if (elemento.id === "dps2") {  
            alert("hola");
            return;  
        }
        elemento = elemento.parentElement;
    }
}

En el código anterior, se verifica si el elemento o alguno de sus elementos padre tiene id igual a "dps2". Si es así, se lanza una alerta y se detiene la comprobación. Si no, continúa hasta el elemento raíz del documento.
 
hazlo con class porfa
 
blankito1998 dijo:
hazlo con class porfa
Hacer clic para expandir...
Claro, si "dps2" es una clase en lugar de un id, solo necesitas cambiar la comprobación en el código. Aquí está el ejemplo:

JavaScript: 
document.onmouseleave = function(event) {
    var elemento = event.target;
    while (elemento) {
        if (elemento.classList.contains("dps2")) {  
            alert("hola");
            return;  
        }
        elemento = elemento.parentElement;
    }
}

En este caso, se verifica si el elemento o alguno de sus elementos padre tiene la clase "dps2". Si es así, se mostrará la alerta y se detendrá la búsqueda.
 
var elemento = document.getElementById('miElemento');

elemento.onmouseleave = elemento.ontouchmove = function(event) {
var touch;

// Verificar si es un evento touchMove
if(event.touches) {
touch = event.touches[0];
elemento = document.elementFromPoint(touch.clientX, touch.clientY);
} else {
// En caso de que sea un mouseleave
elemento = event.target;
}

if (!elemento.classList.contains("li")) {
alert("hola");
}
}

podrias darme el codigo html de esto porfa?
 
Claro, aquí tienes el código HTML básico. Simplemente debes reemplazar 'miElemento' con el ID de tu elemento real en el HTML:

HTML: 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Página de prueba</title>
    <script src="archivo.js"></script>
</head>
<body>
    
    <div id="miElemento" class="li">
        <p>Texto del elemento</p>
        <!-- Aquí pueden ir más elementos hijos -->
    </div>
   
</body>
</html>

Ten en cuenta que el código JavaScript debe estar en un archivo separado llamado archivo.js (o como prefieras nombrarle) y debe ser referenciado en el HTML con la etiqueta <script src="archivo.js"></script> para que funcione correctamente.

Además, asegúrate de que el ID del div en el HTML corresponde con el ID que buscas en el JavaScript. En el ejemplo, he usado el ID 'miElemento' para hacerlo coincidir con tu código JavaScript.
 
como lanzo una funcion al detectar click en un div con js?
 
blankito1998 dijo:
como lanzo una funcion al detectar click en un div con js?
Hacer clic para expandir...
Primero, asegúrate de tener una referencia al div en cuestión. Luego, puedes usar el método addEventListener para escuchar el evento de click. Aquí se muestra cómo podrías hacerlo:

JavaScript: 
document.getElementById("miDiv").addEventListener("click", function() {
    console.log("Hiciste click en el div!");
    // Aquí puede ir el resto de tu función
});

En este ejemplo, reemplaza "miDiv" con el ID del div en el que desees detectar el click. Cuando se haga click en ese div, se ejecutará la función proporcionada y mostrará "Hiciste click en el div!" en la consola. Puedes reemplazar esta función con la que necesites.
 
como funcionaria else aqui??
 
blankito1998 dijo:
como funcionaria else aqui??
Hacer clic para expandir...
El "else" se usaría en conjunto con una declaración "if" para ejecutar código diferente basado en alguna condición. Aquí tienes un ejemplo de cómo podrías usarlo con un evento de clic:

JavaScript: 
document.getElementById("miDiv").addEventListener("click", function() {
    var miVariable = false;  // Cambia este valor como quieras para probar el código

    if (miVariable) {
        console.log("Hiciste click en el div y miVariable es verdadera!");
        //Aquí puede ir el resto de tu función si miVariable es verdadera
    } else {
        console.log("Hiciste click en el div pero miVariable es falsa!");
        //Aquí puede ir el resto de tu función si miVariable es falsa
    }
});

En este código, si "miVariable" es verdadera, se imprime un mensaje en la consola y se puede ejecutar más código en la sección 'if'. Si "miVariable" es falsa, se imprime un mensaje diferente y se puede ejecutar otro código en la sección 'else'.
 
pero solo funciona si cambio a true la variable, podrias hacer que al hacer click en otra parte mande otra alerta?
 
blankito1998 dijo:
pero solo funciona si cambio a true la variable, podrias hacer que al hacer click en otra parte mande otra alerta?
Hacer clic para expandir...
Sí, por supuesto, puedes agregar un listener a todo el documento y luego comprobar si el click fue dentro del div o fuera de él. Aquí tienes un ejemplo de cómo hacerlo:

JavaScript: 
var miDiv = document.getElementById("miDiv");

document.addEventListener("click", function(event) {
    if (event.target == miDiv) {
        console.log("Hiciste click en el div!");
        // Aquí se puede ejecutar tu función cuando se hace clic en el div
    } else {
        console.log("Hiciste click fuera del div!");
        // Aquí se puede ejecutar tu función cuando se hace clic fuera del div
    }
});

En este caso, event.target es el elemento en el que se hizo clic. Si este elemento es tu div (comparándolo con miDiv), se ejecuta el código necesario para cuando haces clic en el div. De lo contrario, se ejecuta el código para cuando haces clic en cualquier otro lugar del documento.
 
como podria hacer que esto funcione?


var miDiv = document.getElementsByClassName("morame2")[0];

document.addEventListener("click", function(event) {
if (event.target == miDiv) {
alert("chaoooo");
// Aquí se puede ejecutar tu función cuando se hace clic en el div
} else {
document.ontouchmove = function(event) {
var touch = event.touches[0];
var elemento = document.elementFromPoint(touch.clientX, touch.clientY);
if (!elemento.classList.contains("morame2") && !elemento.classList.contains("li")) {
document.getElementsByClassName("morame2")[0].setAttribute("onclick", "caters2(1);");
document.getElementsByClassName("dps2")[0].style.display="none";
}
}
}
});

quiero que mande una alerta al hacer click y que cuando mueva el dedo en la pantalla se mande esos comandos con ontouchmove podrias ayudarme porfa
 
Tu código parece estar bastante bien, pero parece que estás intentando establecer el evento ontouchmove dentro del evento de click, lo que podría estar causando problemas. Te recomendaría establecer el evento ontouchmove por separado. Aquí tienes una versión modificada de tu código:

JavaScript: 
var miDiv = document.getElementsByClassName("morame2")[0];

document.addEventListener("click", function(event) {
    if (event.target == miDiv) {
        alert("chaoooo");
        // Aquí se puede ejecutar tu función cuando se hace clic en el div
    }
});

document.ontouchmove = function(event) {
    var touch = event.touches[0];
    var elemento = document.elementFromPoint(touch.clientX, touch.clientY);
    if (!elemento.classList.contains("morame2") && !elemento.classList.contains("li")) {
        document.getElementsByClassName("morame2")[0].setAttribute("onclick", "caters2(1);");
        document.getElementsByClassName("dps2")[0].style.display="none";
    }
};

En este ejemplo, se ha movido el evento ontouchmove fuera del evento de click. De este modo, los eventos "click" y "touchmove" se manejan por separado. Recuerda que "ontouchmove" solo se dispara en dispositivos con capacidades de pantalla táctil.
 
Hay que estar conectado o registrado para responder aquí.
Menú
Acceder
Registro