火狐浏览器事件报错:event is not defined,原因及解决办法

事情是这样的,昨天前端小姐姐写了一个点击加入购物车,商品图就飞入购物车的超炫效果,做好了我拿过来套,结果整合代码的时候发现,放到我自定义的js函数体里面竟然报错“event is not defined”,用的是火狐浏览器,Firebug显示如下:

关于event事件上网学习了一下:

【W3scholl】HTML DOM Event 对象

【简书】事件Event详解

首先要确定的是,要用onlick="test();"这种方式才能触发事件,一开始我这样写<a herf="javascript:test();">会报下面的错:

然后发现坑爹的火狐浏览器获取不到event事件,要加上下面这行声明一下event:

var event =  window.event || arguments.callee.caller.arguments[0];

这样就不会报错了,代码使用片段如下:

function flycar(){ 
    var event =  window.event || arguments.callee.caller.arguments[0];
    var offset = $(".myCart").offset();  
    var addcar = $(this);  
    var img = $(".goodsImg").attr('src');  
    var flyer = $('<img style="display:block;width:50px;height:50px;border-radius:50px;position:fixed;z-index:9999;" src="'+img+'">');  
    flyer.fly({  
        start: {  
            left: event.pageX, //开始位置(必填
            top: event.pageY //开始位置(必填)  
        },  
        end: {  
            left: offset.left+15, //结束位置(必填)  
            top: offset.top, //结束位置(必填)  
            width: 0, //结束时宽度  
            height: 0 //结束时高度  
        },
        onEnd: function(){
                endcar();
            }     
    }); 
}

 

 

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李维山

帮到你就行 不差钱

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值