js基础-事件
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高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。