发布于 2015-04-13 10:59:02 | 39 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Javascript教程,程序狗速度看过来!

JavaScript客户端脚本语言

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。


本文为大家讲解的是javascript事件中的event对象使用示例和代码,感兴趣的同学参考下。

示例代码

addEvent(oDiv,"click",function(event){
                console.log(event.bubbles+"事件是否冒泡");
                console.log(event.cancelable +"是否可以取消默认行为")
                console.log(event.defaultPrevented+"DOM3新增,是否已经调用了preventDefault()");
                console.log(event.target);//+"当前发生事件的对象"@ IE中为 event.srcElement
                console.log(event.currentTarget)//+"绑定的事件对象"
                console.log(event.detail)//与事件相关的细节信息(不知道有什么用。。)
                console.log(event.type);//发生了什么事件
                console.log(event.eventPhase);//用于判断事件是否是冒泡进来的:返回1:表示捕获阶段;2表示处于目标;3表示冒泡进来的
                event.preventDefault();//阻止默认事件@ IE8及以下 中函 直接在函数中return false
                event.stopPropagation();//阻止冒泡@ IE8及以下 中  event.cancelBubble=true;

                console.log(eventFn.getTarget(event));

            });

            function addEvent(obj,ev,fn){

                if(obj.attachEvent)
                {
                    obj.attachEvent("on"+ev,fn);
                }
                else
                {
                    obj.addEventListener(ev,fn,false);
                }

            }
event.srcElement是IE下的属性
event.target是Firefox下的属性
Chrome浏览器同时有这两个属性

兼容的event对象 冒泡 阻止默认事件。。

用法
eventFn.getTarget(event)

var eventFn = {

                getEvent:function(event){
                    return event?event:window.event;
                },
                getTarget:function(event){
                    return event.target||event.srcElement;
                },
                preventDefault:function(event){
                    //阻止默认事件
                    if(event.preventDefault())
                    {

                        event.preventDefault();
                    }
                    else
                    {
                        event.returnValue = false;
                    }

                },
                stopPropagation:function(event){
                    //阻止冒泡
                    if(event.stopPropagation())
                    {
                        event.stopPropagation();
                    }
                    else
                    {
                        event.cancelBubble = true;
                    }

                }




            }

 


相关阅读 :
js事件中的event对象使用方法
JavaScript事件处理器中的event参数使用介绍
JavaScript中的this关键字使用方法总结
浅谈JavaScript中的String对象常用方法
JavaScript中的Array对象使用说明
JS的Event事件对象使用方法
js中的push和join方法使用介绍
JS中批量给元素绑定事件过程中的相关问题使用闭包解决
JS中的闭包使用详解
JavaScript中textRange对象使用方法小结
javascript事件函数中获得事件源的两种不错方法
JS中的log对象获取以及debug的写法介绍
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2015 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务