专栏名称: 前端JavaScript
分享 | 学习 | 交流 | 原创 分享是学习的开始;学习不必要从头开始,是从现在开始;交流能沟通你我,提高你的学识;期待你的加入!!! web前端技术交流,JavaScript,HTML5,CSS3……
目录
相关文章推荐
51好读  ›  专栏  ›  前端JavaScript

[S3-E408]web前端知识小笔记:(二)

前端JavaScript  · 公众号  · Javascript  · 2017-08-23 06:50

正文

请到「今天看啥」查看全文


return num * arguments.callee(num-1);//使用 callee 来执行自身         }

}


4、event对象

直接接收 event 对象,是 W3C 的做法,IE 不支持,IE 自己定义了一个 event 对象,直接在 window.event 获取即可。


input.onclick = function (evt) {

var e = evt || window.event; //实现跨浏览器兼容获取 event 对象

alert(e);

};


5、事件的目标

W3C 中的 target 和 IE 中的 srcElement,都表示事件的目标。


function getTarget(evt) {

var e = evt || window.event;

return e.target || e.srcElement; //兼容得到事件目标 DOM 对象

}

document.onclick = function (evt) {

var target = getTarget(evt);

alert(target);

};


6、阻止事件冒泡

在阻止冒泡的过程中,W3C 和 IE 采用的不同的方法,那么我们必须做一下兼容。


function stopPro(evt) {

var e = evt || window.event;

window.event ? e.cancelBubble = true : e.stopPropagation();

}


7、阻止事件默认行为

function preDef(evt) {

var e = evt || window.event;

if (e.preventDefault) {

e.preventDefault();

} else {

e.returnValue = false;

}

}


8、上下文菜单事件:contextmenu

当我们右击网页的时候,会自动出现 windows 自带的菜单。那么我们可以使用 contextmenu 事件来修改我们指定的菜单,但前提是把右击的默认行为取消掉。


function addEvent(obj, type, fn) { //添加事件兼容

if (obj.addEventListener) {

obj.addEventListener(type, fn);

} else if (obj.attachEvent) {

obj.attachEvent('on' + type, fn);

}

}

function removeEvent(obj, type, fn) { //移除事件兼容

if (obj.removeEventListener) {







请到「今天看啥」查看全文