js事件

鼠标键盘事件:onclick、ondbclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup;

页面事件:onload、onunload、onresize、onerror、onabort;

表单相关事件:onblur、onchange、onfocus、onreset、onsubmit。

js事件绑定

el.addEventListener("click",event)

js事件冒泡

事件冒泡可以形象地比喻为把一颗石头投入水中,泡泡会一直从水底冒出水面。也就是说,事件会从最内层的元素开始发生,一直向上传播,直到document对象。

因此在事件冒泡的概念下在p元素上发生click事件的顺序应该是p -> div -> body -> html -> document

阻止冒泡

  event.stopPropagation();
  return false;
  event.preventDefault(); //阻止默认事件

js事件代理

JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。

文章目录