一、事件绑定的方法有两种
- 通过Html直接绑定
- 通过js对象绑定
缺陷:无法为相同的元素绑定相同的事件
无法决定事流的传递方向 - 通过事件监听的方法可以解决以上两种问题
目标元素.addEventLister(“去掉on的事件名”,回调函数【是否捕获】)
注意:捕获和冒泡同时发生是,先捕获后冒泡 - 监听取消事件的方式
var fun = function() {
console.log(“嘿嘿嘿”);
}
document.addEventListener(“click”, fun);
document.removeEventListener(“click”, fun);
二、事件委托
- 事件委托依赖于事件冒泡
- 事件委托的好处:可以将子元素的事交给父元素做;通过父元素执行子元素的事件,从而提高运行效率
- 获取的真是操作元素的兼容性
var target =e.target||e.srcElement - 拖拽相关事件
onmousedown 鼠标按下
onmouseup鼠标抬起
onmousemove 鼠标移动
接触事件绑定的方法:
document.οnmοuseup=null; - innerwidth 页面的宽
innerHeight 页面的高
三、json对象
- json对象和字符串的相互转换
- 字符串转对象
var str={“name”:“laowang”,“pwd”:666}
ob=json.parse(str) - 对象转字符串
var str=json.stringify(obj)