Cómo enfocarse / hacer clic en el cuadro de comentarios de YouTube con JS (DOM)

Philippe Fanaro

1. Contexto

Estoy creando una extensión de navegador para mejorar la navegación con el teclado de YouTube . Uno de los atajos que tengo en mente es para comentar 1 .

1: Actualmente estoy usando Dart, pero imita JS y luego se transpila a él de todos modos.

2. Lo que he probado

YouTube usa muchos elementos HTML personalizados, por lo que no me ha quedado claro qué funciona y cuándo, termino teniendo que aplicar ingeniería inversa a lo que sucede cada vez que me enfrento a una etiqueta personalizada.

Básicamente, he intentado principalmente algo como esto:

document.querySelector('#labelAndInputContainer > div').click();

¿Debería usar focus()en su lugar?

El div#labelAndInputContainerelemento recibe una nueva clase llamada focuseduna vez que está enfocado.

3. Otro desafío opcional

La discusión de esta última sección ha sido redirigida a esta otra pregunta .

Al principio, YouTube no carga la sección de comentarios debajo de un video. Solo cuando se desplaza hacia abajo, aparece la sección de comentarios 2 . Entonces, ¿cómo puedo saber qué evento está activando la carga de la sección de comentarios? ¿Y cómo puedo despacharlo artificialmente? - De lo contrario, el elemento HTML para el cuadro de comentarios no existirá.

He estado usando getEventListeners()para averiguar qué eventos funcionan en qué elementos.

2: Otro ejemplo es cuando una página de YouTube se recarga / navega a otra, lo cual es activado por yt-navigate-start.


Como probablemente hayas notado, no soy un experto en JS, así que siéntete libre de ir a lo básico o darme consejos de novatos.

iAmOren

Actualmente puede enfocarse en la entrada del comentario usando su Id:

document.getElementById("simplebox-placeholder").focus();

Sin embargo, no se carga hasta que retrocede la página y espera a que se cargue. Entonces, baje la página y espere un poco.

Además, según el ancho de la ventana, es posible que necesite varias páginas descendentes.

Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.

En caso de infracción, por favor [email protected] Eliminar

Editado en
0

Déjame decir algunas palabras

0Comentarios
Iniciar sesiónRevisión de participación posterior

Artículos relacionados

Cómo enfocarse / hacer clic en el cuadro de comentarios de YouTube con JS (DOM)

¿Cómo puedo crear un cuadro de alerta con un enlace en el que se puede hacer clic en el cuadro de alerta o cuadro de diálogo?

Cómo enfocarse en el elemento de entrada al hacer clic en la clase div un botón href

Cómo enfocarse en el cuadro de texto mientras el texto está resaltado

Cómo enfocarse en el siguiente cuadro de entrada después de presionar enter. jquery

Cómo mostrar el cuadro de alerta después de hacer clic en el enlace

Cómo hacer clic en el botón ok del cuadro de alerta usando nightwatch.js

¿Cómo filtrar la vista de cuadrícula de datos con el cuadro de texto y hacer clic en el botón en C #?

Cómo hacer comentarios de IntelliJ con el '|' ¿símbolo?

WPF ¿Cómo cambiar el carácter ingresado al hacer clic en el cuadro de texto?

Cómo obtener el nombre de un cuadro de texto seleccionado al hacer clic en él

¿Cómo hacer clic en cancelar en el cuadro de aviso?

¿Cómo abrir un TimePicker al hacer clic en el cuadro de texto en Andriod 2.3.3?

¿Cómo seleccionar texto al hacer clic en el cuadro de entrada en JavaScript?

Cómo hacer el cuadro de diálogo de confirmación después de hacer clic en el botón

Cómo hacer clic en confirmar cuadro de navegación con transportador

Cómo hacer clic en el segundo cuadro de texto con el nombre de la clase smae en selenium usando python

Cómo deshabilitar hacer clic en un fondo después de que aparezca el cuadro modal

¿Cómo hacer que el ancho del cuadro de comentarios de Facebook sea 100% y receptivo?

Al hacer clic en el enlace, se muestra un cuadro de texto ampliado con resultados

Rellenar el cuadro de selección con enlaces en los que se puede hacer clic

Cómo actualizar el color de fondo del cuadro de texto al hacer clic en el botón en wpf

¿Cómo obtener el valor que ingresé en el cuadro de texto al hacer clic en el botón?

¿Cómo llamar a una función con un teclado sin enfocarse en ningún cuadro de texto?

Cómo hacer que el cuadro de autocompletar crezca en tamaño con el elemento seleccionado

No puedo hacer clic en el botón Permitir en el cuadro de diálogo de permisos en Android con Appium

¿Cómo renderizar un video de YouTube al hacer clic en el botón en React?

¿Cómo puedo hacer que aparezca un cuadro de mensaje cada vez que hago clic con el botón izquierdo en una ventana?

RecyclerView dentro de AlertDialog, cómo descartar el cuadro de diálogo al hacer clic en el botón RecyclerViewAdapter

TOP Lista

CalienteEtiquetas

Archivo