JavaScript amplia variedad de alta resumen de los objetos de eventos y de destino

En el desarrollo normal menudo conocido necesidad de obtener una amplia variedad de temas de gran eventos y objetos de eventos, cada uno perdido mucho tiempo aún no tiene acceso a un profundo conocimiento de todo lo que en definitiva

El evento objeto de evento

screenX / screenY
posición del clic, según la distancia a la izquierda de la pantalla (ordenador) / arriba, nota que no desde la posición de la ventana del navegador
Aquí Insertar imagen Descripción
clientX / clientY
clic posición desde la izquierda de la ventana / parte superior de la distancia, no incluye una barra de herramientas
Aquí Insertar imagen Descripción
offsetX / offsetY
haga clic en la posición del elemento desde el límite de coordenadas X / Y
Aquí Insertar imagen Descripción
pageX / PágY
coordenadas de posición de clic de la página (documento) si no hay una barra de desplazamiento, entonces clientX / clientY es un significado, si las barras de desplazamiento no aparecen por lo que la misma

El objeto de destino (elemento)

offsetWidth / la offsetHeight
contenido de relleno + elemento de frontera +
el offsetLeft / la offsetTop
adquirió del elemento padre desde la izquierda con una posición de colocación (no limitada a la matriz directa), si se encontraron datos del cuerpo
clientWidth / clientHeight
cliente tamaño del área , devuelve el contenido y el tamaño de la cuota de relleno
scrollWidth / scrollHeight
determinar el contenido total de la espiral anchura / altura
scrollLeft / scrollTop
de desplazamiento está oculto en el tamaño izquierda / superior, también se puede configurar

otro

element.getBoundingRect()Distancias pueden obtener información de posición de la ventana gráfica

Publicado 85 artículos originales · ganado elogios 62 · Vistas a 20000 +

Supongo que te gusta

Origin blog.csdn.net/qq_36754767/article/details/103864023
Recomendado
Clasificación