document-->body-->div-->div-->body-->document-->window比較特殊的,在DOM事件模型中,文本節點也會觸發事件,而IE中是不會的。wind" />

亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

javascript 跨瀏覽器的一些小技巧

系統 3645 0

??? 用網頁調整格式實在是太復雜了,湊合看看吧。。。。。

  1. ? 事件處理分為兩種,一種為冒泡型事件,另一種為捕獲型事件
    ?
    冒泡型事件 :是從特定目標到最不特定的目標
    ?
    捕獲型事件 :是從最不特定的對象開始觸發,一直到最精確的對象。
    ?
    ?DOM
    標準同時支持兩種事件,并且捕獲型事件先發生。
    ?window-->document-->body-->div-->div-->body-->document-->window
    ?
    ?
    比較特殊的,在 DOM 事件模型中,文本節點也會觸發事件,而 IE 中是不會的。
    ?window-->document-->body-->div-->text-->text-->div-->body-->document-->window
    ?
    ?
  2. IE DOM 在事件及事件處理中有很多不一樣的。
  • ? 對于加載監聽和移除監聽的語法
    ?
    IE 中使用
    ??[Object].attachEvent("name_of_event_handler", fnHandler);
    ??[Object].detachEvent("name_of_event_handler", fnHandler);
    ?
    兩個參數:要分配的事件處理函數的名字 事件處理函數
    ??[Object].attachEvent("onclick", fnHandler);
    ??
    [Object].onclick = fnHandler; 的作用是一樣的。
    ??
    ?
    DOM 中使用
    ??[Obejct].addEventListener("name_of_event", fnHandler, bCapture);
    ??[Obejct].removeEventListener("name_of_event", fnHandler, bCapture);
    ?
    三個參數: 1 :事件名稱。 2 :事件處理函數。 3 :用于冒泡階段( false )或者用于捕獲階段( true )。
    ??[Obejct].addEventListener("click", fnHandler, false);
    ??
    [Obejct].onclick = fnHandler; 的作用是一樣的。
    ??
    ?
  • 對于獲取目標的方法
    ?
    IE
    ??var oTarget = oEvent.srcElement;
    ?
    DOM
    ??var oTarget = oEvent.target;
    ??
    ??
  • 對于獲取字符代碼

????在 IE

????? 如果按鍵代表一個字符(非 Shift Ctrl Alt 等),則 keyCode 將返回字符的代碼,即 Unicode 值。

DOM
?? ??? ??????
獲得字符代碼用 charCode?

var iCharCode = oEvent.charCode;
?? ??? ??????
獲得字符使用 ??

?var sChar = String.fromCharCode(oEvent.charCode);
?? ??????????
如果不確定按鍵是否包含字符,則使用 isChar 來判斷
???if(oEvent.isChar){
????var iCharCode = oEvent.charCode;
???}
?
?

  • 阻止事件的默認行為 ( 比如阻止鼠標右鍵等 )
    ?
    IE
    ??oEvent.returnValue = false;
    ?
    DOM
    ??oEvent.preventDefault();
    ?
    ?
  • 停止事件冒泡
    ?
    IE
    ??oEvent.cancelBubble = true;
    ?
    DOM
    ??oEvent.stopPropagation();

    IE DOM 在事件及事件處理中有很多不一樣的。

IE Event 事件統一成 DOM 的形式,創建 formatEvent 方法。建立 EventUtil
?
?

    EventUtil.formatEvent = function (oEvent){
  if(isIE){
   oEvent.charCode = (oEvent.type == "keypress") ? oEvent.keyCode : 0;
   oEvent.eventPhase = 2; //代表冒泡階段,IE僅支持冒泡階段
   oEvent.isChar = (oEvent.charCode > 0);
   oEvent.pageX = oEvent.clientX + document.body.scrollLeft;
   oEvent.pageY = oEvent.clientY + document.body.scrollTop;
   oEvent.preventDefault = function (){
    this.returnvalue = false;
   }
   if(oEvent.type == "mouseout"){
    oEvent.relatedTarget = oEvent.toElement;
   }else if(oEvent.type == "mouseover"){
    oEvent.relatedTarget = oEvent.fromElement;
   }
   oEvent.stopPropagation = function (){
    this.cancelBubble = true;
   }
   oEvent.target = oEvent.srcElement;
   oEvent.time = (new Date).getTime();
  }
  return oEvent;
 }

  

?
?IE

DOM event 獲取方法也不大一樣。特別說明的是函數的 caller 屬性。每個函數都有 caller 屬性,指向調用它的方法的引用。即, funcA() 調用 funcB(),funcB.caller 就等于 funcA
?

    EventUtil.getEvent = function(){
  if(window.event){
   return this.formatEvent(window.event);
  }else{
   return EventUtil.getEvent.caller.arguments[0];//event對象總是事件處理函數的第一個參數。
  }
 }

  

?

?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?

?

?

javascript 跨瀏覽器的一些小技巧


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 久久国产精品男女热播 | 亚洲品质自拍视频 | 成人亚洲精品一区二区 | 久久91精品国产91久久跳舞 | jizzjizz欧美69巨大 | 国产精品久久久久久久福利院 | 一级毛片播放 | 日韩一区二区精品久久高清 | 久久996re热这里有精品 | 国产成人香蕉 | 国产精品一区二区欧美视频 | 欧美专区亚洲专区 | 亚洲爱婷婷色婷婷五月 | 欧美日韩中文亚洲v在线综合 | 天天干天天干天天干天天 | 香蕉视频a | 一级做人免费观看c欧美网站 | 嫩草社区 | 午夜激情婷婷 | 爱爱夜夜爽成人夜夜爽 | 国产一级毛片在线 | 激情五月婷婷红人馆 | 在线日产一区二区 | 国产免费一区二区三区在线 | 亚州免费一级毛片 | 九草伊人 | 欧美成人一级 | 国产成人综合久久精品亚洲 | 久久艹精品 | 女性一级全黄生活片在线播放 | 日韩在线一区二区三区视频 | 婷婷色网站 | 97影院理论片 | 国产免费青青青免费视频观看 | 成人黄色片视频 | 亚洲热线99精品视频 | 大片国产片日本观看免费视频 | 在线麻豆 | 精品国产高清自在线一区二区三区 | 精品久久久久久久久免费影院 | 日韩精品一区二区三区毛片 |