JS学习笔记Day12

一、浏览器的默认行为以及阻止行为

　　（一）右键菜单事件：oncontextmenu；

　　　　阻止：return false；

　　（二）超链接的默认行为：跳转；

　　　　阻止：标准浏览器：event.preventDefault（）；

　　　　　　　IE8及以下：event.returnValue = false；

　　　　　　　兼容：event.preventDefault ？ event.preventDefault（） ：event.returnValue = false；

　　（三）浏览器的拖拽事件：ondragstart；

　　　　阻止：return false；

二、事件监听器

　　（一）如果绑定同一个事件，触发多个事件处理程序时，使用监听事件

　　（二）添加监听事件

　　　　function addEvent（obj，event，fn，false）{

　　　　　　if（obj.addEventListener）{

　　　　　　　　obj.addEventListener（event，fn，false）；

　　　　　　}else if（obj.attachEvent）{

　　　　　　　　obj.attachEvent（"on" + event，fn）；

　　　　　　}

　　　　}

　　（三）移除监听事件

　　　　function removeEvent（obj，event，fn，false）{

　　　　　　if（obj.removeEventListener）{

　　　　　　　　obj.removeEventListener（event，fn，false）；

　　　　　　}else if（obj.detachEvent）{

　　　　　　　　obj.detachEvent（"on" + event，fn）

　　　　　　}

　　　　}

三、事件捕获

　　（一）事件流

　　（二）事件捕获

　　（三）事件冒泡

四、事件委托

　　（一）将加到子节点上的事件加到其父节点上，作用是为了提高性能，原理是利用了事件冒泡

　　（二）事件源的获取

　　　　var target = event.target || event.srcElement；

五、拖拽思想

六、JSON

　　（一）[]，如果是字符串，加双引号

　　（二）{"key" ："value"}