js --- evento

Tres elementos de un evento: origen del evento, tipo de evento y controlador de eventos

btn.onclick=function(){}
btn:事件源
click:事件类型
function:事件处理函数

Evento vinculante:

Método 1: vinculación de eventos de nivel 0 de DOM
Sintaxis: evento source.on tipo de evento = función de procesamiento de eventos
Características: el mismo tipo de evento de la misma fuente de eventos solo se puede vincular a una función de procesamiento de eventos; si hay demasiadas, sobrescriba
Método 2 : DOM nivel 2 Vinculación de eventos (sintaxis de escucha de eventos)
navegador estándar: Sintaxis: fuente de eventos.addEventListener('tipo de evento','función del controlador de eventos
')
enlace de orden, ejecución secuencial Navegador
IE:
sintaxis: fuente de eventos.

Desvincular evento:

Método 1: nivel 0 de DOM: fuente de eventos. en tipo de evento = nulo
Método 2: nivel 2 de DOM: fuente de eventos.

Cómo funciona la función en la memoria:

Tipos de datos básicos: almacenados en el espacio de la pila.
Tipos de datos complejos: los nombres de las variables generalmente se almacenan en el espacio de la pila, los datos se almacenan en el espacio del montón y, finalmente, la dirección del espacio del montón se asigna al nombre de la variable.

    var num = 10
    var num2 = 100
    function fn(){
        console.log('fn');
    }

 Tipos de eventos comunes

 依赖于鼠标行为而触发的一些事件类型
 1.click====鼠标左键单击
 2.dblclick====鼠标左键双击,双击执行1次,单击执行2次
 3.contextmenu====鼠标的右键单击
 4.mousedown====鼠标按下
 5.mouseup====鼠标抬起
 6.mousemove===鼠标移动,大概1s会触发60次左右
 7.mouseover=====鼠标移入===子元素也会触发
 8.mouseout=====鼠标移出===子元素也会触发
 9.mouseenter====鼠标移入===子元素不会触发
 10.mouseleave====鼠标移除===子元素不会触发
依赖键盘行为触发的事件
所有的元素都可以绑定键盘事件,但是不一定都能触发。,
所以一般键盘事件都选择绑定在window、document、表单元素等可以选择的元素上
1.keydown======只要键盘按下了,就触发
2.keyup=====只要键盘抬起了,就触发
3.keypress====键盘键入事件
    按下的按键真的会出现文本内容才可以,比如按上下左右键就不会触发
    按下的内容必须要和出现的内容是一致的才可以
    但是:回车键可以触发
表单事件:依赖于表单行为触发的事件
1.focus======表单聚焦事件(得到焦点就触发)
2.blur======表单失焦事件(失去焦点就触发)
3.change=====表单内容改变事件(聚焦和失焦的时候内容不一致就会触发)
4.input事件====表单输入事件(实时触发,只要有输入行为或者删除行为就触发)
5.submit事件====表单提交事件(只有form才有提交行为,所以需要绑定给form)
6.reset事件====表达的重置事件(只有form才有重置行为。所以需要绑定给form)

Supongo que te gusta

Origin blog.csdn.net/m0_53149377/article/details/127583292
Recomendado
Clasificación