20220908 JS事件绑定,冒泡,委托,捕获

86 阅读1分钟

事件的绑定

行内绑定【直接在行内写,触发事件名=需要触发的函数名()】

this:永远指向windows

在js中绑定

元素对象.on事件名=函数对象【一个事件只能绑定一个函数】this:谁触发就指向谁

添加事件监听,一个对象【一个事件可以绑定多个函数】

元素对象.addEventListener(‘事件名’,函数对象||函数名||匿名函数||lambda)

事件冒泡

子元素触发的事件会向父元素传递,点击事件从里到外

事件委托

原理的冒泡

当父元素和子元素绑定同一个函数时,给父元素绑定委托

多个元素绑定同一个函数或事件时,可以把事件委托给父元素在父元素上绑定

事件捕获

与冒泡相反从外到里

通过addEventListener第三个参数填