事件切换和事件冒泡

一、事件切换

1.hover():模拟光标移到元素上触发的事件

hover(enter,leave);

当光标移动到元素上时,会触发指定的第1个函数(enter)

当光标移出这个元素时,会触发指定的第2个函数(leave)

2.toggle():模拟鼠标连续单击触发的事件

toggle(fnl, fn2, ...fnN)

第1次单击元素,触发指定的第1个函数(fn1)

当再次单击同一元素时,则触发指定的第2个函数(fn2)

如果有更多函数,则依次触发,直到最后一个

事件切换和事件冒泡_第1张图片

二、事件冒泡

事件会按照DOM树的层次结构像水泡一样不断向上直至顶端

阻止事件冒泡

stopPropagation

return false

阻止事件默认行为

preventDefault

return false

事件切换和事件冒泡_第2张图片

你可能感兴趣的:(事件切换和事件冒泡)