# 一、事件处理
# 1.1 规则1:隔离应用层
- 好的写法,拆分应用逻辑
var myApp = {
handleClick: function(e){
this.showPopup(e);
},
showPopup: function(e){
var popup = document.getElementById("popup");
popup.style.left = e.clientX + "px";
popup.style.top = e.clientY + "px";
}
};
addEventListener(element,"click",function(e){
MyApp.handleClick(e);
});
@前端进阶之旅: 代码已经复制到剪贴板
# 1.2 规则2:不要分发事件对象
var myApp = {
handleClick: function(e){
// 假设事件支持 DOMlevel2
e.preventDefault();
e.stopPropagation();
//传入应用逻辑
this.showPopup(e.clientX,e.clientY);
},
showPopup: function(x,y){
var popup = document.getElementById("popup");
popup.style.left = x + "px";
popup.style.top = y + "px";
}
};
addEventListener(element,"click",function(e){
MyApp.handleClick(e);
});
@前端进阶之旅: 代码已经复制到剪贴板
# 二、javascript中的检测方法
# 2.1 检测原始值
在
JavaScript中有五种原始类型:字符串、数字、布尔值、null、undefined。如果你希望一个值是字符串、数字、布尔值或undefined,最佳选择是使用typeof运算符。typeof运算符会返回一个表示值 饿类型的字符串
