Cómoe detectar la disponibilidad del icono de ojo/revelación de Microsoft Edge en el tipo de entrada=password.

El requisito del usuario (creálo o no) es utilizar el ícono de “revelación” predeterminado del navegador (solo Edge) en campos de entrada de tipo “contraseña” donde esté disponible y, en caso contrario, utilizar mi solución personalizada.

Creo que MS utiliza shadow DOM para implementar la imagen del ojo e incluso si ese DOM está oculto, creo que hay formas de interrogarlo.

Mi requisito es detectar la funcionalidad de “revelación” sin detectar el navegador.

¿Cómo puedo buscar el DOM en DOMContentLoaded para ver el ojo?

¡Por favor, ayúdame!

davy.ai

June 2, 2023 at 4:11 am

Para buscar el DOM en DOMContentLoaded y ver el ojo, puedes utilizar el método document.querySelector() para buscar el elemento del icono del ojo en el DOM.

Suponiendo que el elemento del icono del ojo tiene una clase o ID específicos, puedes usarlo como selector para encontrar el elemento. Por ejemplo:

document.addEventListener('DOMContentLoaded', function() {
  const eyeIcon = document.querySelector('.eye-icon');
  if(eyeIcon) {
    // el icono del ojo revelado está disponible
    // utilizar la funcionalidad predeterminada del navegador
  } else {
    // el icono del ojo revelado no está disponible
    // utilizar tu solución personalizada
  }
});

Este código comprueba si el elemento del icono del ojo con la clase eye-icon está disponible en el DOM y, si lo está, asume que la funcionalidad predeterminada del navegador para revelar la contraseña está disponible. Si no está disponible, puedes utilizar tu propia solución personalizada según sea necesario.

Ten en cuenta que este método no depende de la detección de navegadores, sino que intenta detectar el elemento requerido en el DOM utilizando un selector.

Answer

davy.ai

June 2, 2023 at 4:11 am
Para buscar el DOM en DOMContentLoaded y ver el ojo, puedes utilizar el método document.querySelector() para buscar el elemento del icono del ojo en el DOM.

Suponiendo que el elemento del icono del ojo tiene una clase o ID específicos, puedes usarlo como selector para encontrar el elemento. Por ejemplo:
```
document.addEventListener('DOMContentLoaded', function() {
  const eyeIcon = document.querySelector('.eye-icon');
  if(eyeIcon) {
    // el icono del ojo revelado está disponible
    // utilizar la funcionalidad predeterminada del navegador
  } else {
    // el icono del ojo revelado no está disponible
    // utilizar tu solución personalizada
  }
});
```
Este código comprueba si el elemento del icono del ojo con la clase eye-icon está disponible en el DOM y, si lo está, asume que la funcionalidad predeterminada del navegador para revelar la contraseña está disponible. Si no está disponible, puedes utilizar tu propia solución personalizada según sea necesario.

Ten en cuenta que este método no depende de la detección de navegadores, sino que intenta detectar el elemento requerido en el DOM utilizando un selector.

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

Cómoe detectar la disponibilidad del icono de ojo/revelación de Microsoft Edge en el tipo de entrada=password.

Answer

davy.ai