千锋教育JavaScript全套视频教程（10天学会Js，前端javascrip

浏览器的默认行为

当一个事件触发时，没有自定义的事件处理函数。而默认出现的效果，称为默认行为。

JavaScript 事件本身所具有的属性，例如 a 标签的跳转，Submit 按钮的提交，右键菜单，文本框的输入等。

阻止默认行为的方式

针对现代浏览器 e.preventDefault()，

IE 则是使用 e.returnValue = false;

无兼容性问题需注意写在事件处理函数最后： return false;

阻止默认行为之表单提交

阻止默认行为之右键菜单

先把默认右菜单阻止掉，然后又自定义菜单

DOM2 级事件处理程序

添加事件监听器：

添事件的方式有两种：

1普通添加 ：domobj.onEventName=fn

2事件监听器 addEventListener('事件名'，“事件处理函数”，“布尔值”)第三个事件可以省略，一般用表示冒泡还是捕获。默认是冒泡

ele.addEventListener(事件名，处理函数，布尔值)

利用事件监听器可以同时给同一个DOM对象添加多个相同事件，当事件触发时，对应的事件函数依次执行，但是普通的添加方式还会发生覆盖

区别2：事件监听器可以实现捕获和冒泡，而普通的添加方式只能支持冒泡，

除了添加还有移除

removeEventListener

IE版本的事件名要加on

事件委托

利用事件冒泡的原理，把本应添加给某元素上的事件委托给他的父级（外层）。

目的：效率高，让新增的DOM对象具有相同的事件

使用案例如果一个 ul 中有很多 li，循环遍历所有的 li，给 li 添加事件效率比较低，我们可以监听 ul 的点击事件，利用子元素的点击事件都会冒泡到父元素的特点，就可以知道什么时候点击了 li。

好处：效率高，可以给未来元素添加事件