js determina si la posición del mouse está en un determinado div
La solución es determinar primero si el mouse está dentro del div cuando se activa el evento onmouseout. Si es así, significa que el mouse no ha salido del div, por lo que el div no se eliminará. De lo contrario, elimínelo. Bien, ahora el problema está resuelto. Simplemente busque las coordenadas de la esquina superior izquierda y la esquina inferior derecha del div y determine si las coordenadas del mouse están en esta área. div.onmouseout=función(evento){ var div = document.getElementById("prueba"); var x=event.clientX; var y=event.clientY; div.offsetLeft; divx2 = div.offsetLeft div.offsetWidth; var divy2 = div.offsetTop div.offsetHeight; if( x lt; divx1 || Luego ejecutar. . } Las siguientes son algunas propiedades comunes para facilitar la búsqueda: clientHeight obtiene la altura del objeto, no calcula márgenes, bordes ni barras de desplazamiento, pero incluye el relleno del objeto. clientLeft Obtiene la distancia entre la propiedad offsetLeft y el lado izquierdo real del área del cliente. clientTop Obtiene la distancia entre la propiedad offsetTop y la parte superior real del área del cliente. clientWidth obtiene el ancho del objeto, sin contar los márgenes, bordes o barras de desplazamiento, pero incluido el relleno del objeto. offsetHeight Obtiene la altura del objeto relativa al diseño o la coordenada principal especificada por la propiedad offsetParent de la coordenada principal. offsetLeft Obtiene la posición izquierda calculada del objeto en relación con el diseño o las coordenadas principales especificadas por la propiedad offsetParent. offsetParent Obtiene una referencia al objeto contenedor que define las propiedades offsetTop y offsetLeft del objeto. offsetTop Obtiene la posición superior calculada del objeto en relación con el diseño o las coordenadas principales especificadas por la propiedad offsetTop. offsetWidth Obtiene el ancho del objeto en relación con el diseño o la coordenada principal especificada por la propiedad offsetParent de la coordenada principal. offsetX establece u obtiene la coordenada x de la posición del puntero del mouse en relación con el objeto que desencadenó el evento. offsetY establece u obtiene la coordenada y de la posición del puntero del mouse en relación con el objeto que desencadenó el evento.
screenX, screenY son las posiciones relativas al monitor del usuario Ancho del área visible de la página web: document.body.clientWidth Alto del área visible de la página web: document.body.clientHeight Ancho del área visible de la página web: document.body.offsetWidth (incluido el ancho del borde). Altura del área visible de la página web: document.body.offsetHeight (incluido el ancho del borde) El ancho del texto completo del cuerpo de la página web: document.body.scrollWidth La altura del texto completo del cuerpo de la página web: document.body.scrollHeight El altura de la página web que se está desplazando: document.body.scrollTop El lado izquierdo de la página web que se está desplazando: document.body.scrollLeft La parte superior del cuerpo de la página web: window.screenTop La parte izquierda del cuerpo de la página web: window.screenLeft La altura de la resolución de la pantalla: window.screen.height El ancho de la resolución de la pantalla: window.screen.width Altura del área de trabajo disponible de la pantalla: window.screen.availHeight Ancho del área de trabajo disponible de la pantalla: window.screen.availWidth