zoukankan      html  css  js  c++  java
  • 【转】window.event 兼容 问题

    w.event问题
    问题说明:window.event 只能在IE下运行,而不能在Firefox下运行,这是因为Firefox的event只能在事件发生的现场使用。
    解决方法:在事件发生的函数上加上event参数,在函数体内(假设形参为evt)使用 var myEvent = evt?evt:(window.event?window.event:null)

    在Firefox页面调用后,其windows.event对象为undefined:

    1. if (typeof (window.event) == 'undefined') 
    2. alert('window.event is undefined.'); 
    3. else 
    4. alert('window.event is defined.'); 

    以上代码在Firefox中执行,结果为:"window.event is undefined."。IE 和 Chrome中执行结果:“window.event is defined."

    1. 在函数中传递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)' />

    2.在函数调用中不传递event对象

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

    function _test2()
    {
    var evt = window.event || arguments.callee.caller.arguments[0]; // 获取event对象
    var src = evt.srcElement || evt.target; // 获取触发事件的源对象
    var iKeyCode = evt.keyCode || evt.which; //获取按钮代码
    alert(src.value); // 打印该对象的value属性
    if (window.navigator.userAgent.indexOf("IE")>=1){
           evt.keyCode =0;
                  evt.returnValue=false;
               }else{
                  evt.preventDefault();
               }
    
    
    }

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

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

    event.srcElement问题
    问题说明:IE下,even对象有srcElement属性,但是没有target属性;Firefox下,even对象有target属性,但是没有 srcElement属性。
    解决方法:使用srcObj = event.srcElement ? event.srcElement : event.target;

  • 相关阅读:
    luoguP1829 [国家集训队]Crash的数字表格 / JZPTAB(莫比乌斯反演)
    luoguP1447 [NOI2010]能量采集
    POJ2559 Largest Rectangle in a Histogram (单调栈
    2038: [2009国家集训队]小Z的袜子(hose)
    codeforces 835C Star sky
    HDU1859 最小长方形 (水
    HDU 1754 I Hate It
    HDU 1698 Just a Hook(线段树
    HDU 1394 Minimum Inversion Number(树状数组/归并排序实现
    HDU1166 敌兵布阵(树状数组实现
  • 原文地址:https://www.cnblogs.com/ToYun/p/5799323.html
Copyright © 2011-2022 走看看