zoukankan      html  css  js  c++  java
  • 如何解决firefox下window.event的问题

    一、在函数中传递event参数

        在函数中传递event参数,这样我们就可以兼容IE和FF的event的获取了,如下面的函数:

    function _test(evt)
    {
        var src = evt.srcElement || evt.target; // 获取触发事件的源对象
        alert(src.value); // 打印该对象的value属性
    }

        那么我们在使用的时候就应该这样:

    <input type='button' value='click me' onclick='_test(event)' />

    二、在函数调用中不传递event对象

        虽然在函数中没有传递参数,这个在IE下没有任何影响,因为window.event是全局对象,在什么地方都可以直接调用的,而在FF下就不行了。所以我们这里要使用另外一种方式来获取了,如下:

    function _test2()
    {
        var evt = window.event || arguments.callee.caller.arguments[0]; // 获取event对象
        var src = evt.srcElement || evt.target; // 获取触发事件的源对象
        alert(src.value); // 打印该对象的value属性
    }

        那么,我们在使用的时候就可以想普通的函数调用一样,直接输入函数名称即可,如下:

    <input type='button' value='click me2' onclick='_test2()' />

        可见,相比两种方法,第二种方法更具有普遍和通用性,因为可以不用传递参数了,这样在使用的时候也更加的方便;第一种方式就更加直接明了,呵呵,至于具体怎么用,还得看个人的了~~

  • 相关阅读:
    Uni项目启动微信、QQ、淘宝、抖音、京东等APP的方法
    input 标签为checkbox时修改 checkbox的样式
    关于CSS HACK
    前端JS生成可用的MD5加密代码
    把ucharts 封装成组件
    学期总结
    作业1
    作业02
    C语言I博客作业09
    C语言I博客作业08
  • 原文地址:https://www.cnblogs.com/zhuyongblogs/p/5160368.html
Copyright © 2011-2022 走看看