JavaScript DOM 事件

一、监听事件

        1、添加监听事件

window.addEventListener('load', function () {
	alert('添加监听事件');
}, false);

        2、删除监听事件

window.addEventListener('load', function () {
	alert('删除监听事件');
}, false);

        3、try - catch - finally

try {
        oBtn.addEventListener("click", function () {
            console.log("w3c", this);
        });
    } catch (err) {
        oBtn.attachEvent("onclick", function () {
            console.log("ie", this);
            console.log(this === window);
        });
    } finally {
        console.log("finally");
    }

               try…catch 可以测试代码中的错误。try 部分包含需要运行的代码，而 catch 部分包  含错误发生时运行的代码

              try…catch…finally 语句提供了一种方法来处理可能发生在给定代码块中的某些或全  部错误，同时仍保持代码的运行。如果发生了程序员没有处理的错误，JS只给用户提供它的普通错误信息，就好象没有错误处理一样。还可以解决浏览器兼容问题

                1.try - catch - finally 语句用于处理代码中可能出现的错误信息
                2.try语句可以让我们定义在执行时进行测试错误的代码块
                3.catch 语句可以是 try 代码块发生错误时，所执行的代码块
                4.finally 语句在 try 和 catch 之后无论是否有异常都会执行

二、事件委托

        事件委托就是利用事件冒泡，就是把子元素的事件都委托给父元素

        优点： 提高性能，减少了事件绑定，节省了大量被占用的内存

 ul.onclick = function (ev) {
        console.log(ev.target.toLowerCase());
}

三、阻止默认行为

        有时我们需要阻止事件对象的默认行为，比如：一个超链接的默认行为就点击然后跳转到指定的页面。那么阻止默认行为就可以屏蔽跳转的这种操作，而实现自定义操作

 document.ondragover = function (e) {
        e.preventDefault();
    }