<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    eric-1001c

      BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
      3 隨筆 :: 45 文章 :: 12 評論 :: 0 Trackbacks
    DOM的不兼容也說明了DOM高級特性Event的不兼容,因為我們在開發Web的時候,和用戶的大量交互都是通過event來實現的,所以單獨把event抽出來,把其不兼容性列出:


    Event的兼容性
    1.事件流的區別
    IE         冒泡事件流   在IE6增加<html>等元素對事件流的響應
    Mozillal   冒泡事件流   在IE6的基礎上增加window對象對事件流的響應
    Netscape   捕獲事件流   同Mozillal
    DOM標準    冒泡+捕獲    增加文本節點對事件流的響應;同時冒泡+捕獲使得事件目標連續接收2次事件
                           (這可能是DOM的事件增加函數有第3個參數的原因)
    2.事件處理函數
    IE         attach(eventName, fn)、                      eventName=on+事件名
               detachEvent(eventName, fn)
    DOM        addEventListener(eventName,fn,boolean)
               removeEventListener(eventName,fn,boolean)    eventName=事件名;
                                                            boolean=true:捕獲|false:冒泡
                                                            remove只有同事件流才能起效
    3.事件對象
    定位       IE:window.event;                           window.event||arguments[0]
               DOM:arguments[0](事件處理函數的參數),可以通過caller來防止硬編碼獲??;

    事件目標   IE:event.srcElement                         event.srcElement||event.target
               DOM:event.target

    阻止事件   IE: event.returnValue = true                 if(isIE){window.event.returnValue = true;}
    默認行為   DOM: event.preventDefault()                  else{arguments[0].preventDefault();}

    3.1 鼠標事件[對象]
    鼠標位置    IE:event.x,event.y                         event.x?event.x:event.PageX
                DOM:event.pageX, event.pageY                event.y?event.y:event.PageY
    進入事件1   IE :onmouseenter, onmouseleave             它們的區別在于處理嵌套dom object出入上,只有
                DOM:mouseover,mouseout                     DOM標準才進行處理,enter/leave會忽略,也就是說
                                                            (fromElement!=toElement) && (this.contains(toElement)  觸發onmouseover
                                                            (fromElement!=toElement) && (this.contains(fromElement) ) 觸發onmouseout
    進入事件2   IE:event.fromElement|toElement,
                    event.srcElement
                DOM: target,relatedTarget                 對于mouseover:fromElement=relatedElement,toElement = srcElement=target;
                                                            對于mouseout : toElement=relatedElement,fromElement = srcElement=target;

    3.2 鍵盤事件
    字符代碼    IE:event.keyCode;DOM: 數值代碼-event.keyCode。event.isChar?event.charCode:event.keyCode ,在FF中,keyCode只能獲得功能鍵的數值代碼,其他的需通過which和charCode,在Opera中,則只能通過which
    posted on 2009-10-17 12:56 Eric-1001c 閱讀(628) 評論(0)  編輯  收藏 所屬分類: JavaScript

    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    主站蜘蛛池模板: 亚洲成Av人片乱码色午夜| 亚洲综合无码精品一区二区三区 | 婷婷亚洲综合五月天小说| 成人特级毛片69免费观看| 免费中文字幕在线| 人与动性xxxxx免费| 久久伊人亚洲AV无码网站| 国产福利电影一区二区三区,免费久久久久久久精| 最新猫咪www免费人成| 亚洲日韩中文字幕无码一区| 成人性生交大片免费看午夜a| 亚洲综合激情五月色一区| 免费鲁丝片一级在线观看| 18禁亚洲深夜福利人口| 亚洲精品NV久久久久久久久久| 无码人妻一区二区三区免费视频| 久久久亚洲精品蜜桃臀| 国产永久免费高清在线| 久久亚洲sm情趣捆绑调教| 一二三四在线观看免费高清中文在线观看 | 亚洲国产a∨无码中文777| 未满十八18禁止免费无码网站| 久久久久亚洲av无码专区导航| 久草视频免费在线| 亚洲日韩在线中文字幕综合| 亚洲乱码国产一区网址| 免费人成在线观看网站| 亚洲av日韩av综合| 日韩精品亚洲专区在线观看| 国产情侣久久久久aⅴ免费| 亚洲xxxxxx| 亚洲男人在线无码视频| 一区二区三区观看免费中文视频在线播放| 亚洲欧洲精品久久| 免费国产不卡午夜福在线| 免费av一区二区三区| 亚洲精品伦理熟女国产一区二区| 国产亚洲精品无码拍拍拍色欲| 亚洲成人在线免费观看| 成人a毛片免费视频观看| 亚洲色图古典武侠|