事件绑定的方法

一、事件绑定的方法有两种

1. 通过Html直接绑定
2. 通过js对象绑定
   缺陷：无法为相同的元素绑定相同的事件
   无法决定事流的传递方向
3. 通过事件监听的方法可以解决以上两种问题
   目标元素.addEventLister(“去掉on的事件名”，回调函数【是否捕获】)
   注意：捕获和冒泡同时发生是，先捕获后冒泡
4. 监听取消事件的方式
   var fun = function() {
   console.log(“嘿嘿嘿”);
   }
   document.addEventListener(“click”, fun);
   document.removeEventListener(“click”, fun);

二、事件委托

1. 事件委托依赖于事件冒泡
2. 事件委托的好处：可以将子元素的事交给父元素做；通过父元素执行子元素的事件，从而提高运行效率
3. 
4. 获取的真是操作元素的兼容性
   var target =e.target||e.srcElement
5. 拖拽相关事件
   onmousedown 鼠标按下
   onmouseup鼠标抬起
   onmousemove 鼠标移动
   接触事件绑定的方法：
   document.οnmοuseup=null;
6. innerwidth 页面的宽
   innerHeight 页面的高

三、json对象

1. json对象和字符串的相互转换
2. 字符串转对象
   var str={“name”:“laowang”,“pwd”:666}
   ob=json.parse(str)
3. 对象转字符串
   var str=json.stringify(obj)