乡下人产国偷v产偷v自拍,国产午夜片在线观看,婷婷成人亚洲综合国产麻豆,久久综合给合久久狠狠狠9

  • <output id="e9wm2"></output>
    <s id="e9wm2"><nobr id="e9wm2"><ins id="e9wm2"></ins></nobr></s>

    • 分享

      jquery 事件對象屬性小結(jié)

       昵稱10504424 2014-03-14

      使用事件自然少不了事件對象. 因為不同瀏覽器之間事件對象的獲取, 以及事件對象的屬性都有差異, 導(dǎo)致我們很難跨瀏覽器使用事件對象.

      jQuery中統(tǒng)一了事件對象, 當(dāng)綁定事件處理函數(shù)時, 會將jQuery格式化后的事件對象作為唯一參數(shù)傳入:

      , function(event) { });

      關(guān)于event對象的詳細說明, 可以參考jQuery官方文檔: http://docs./Events/jQuery.Event

      jQuery事件對象將不同瀏覽器的差異進行了合并, 比如可以在所有瀏覽器中通過 event.target 屬性來獲取事件的觸發(fā)者(在IE中使用原生的事件對象, 需要訪問event.srcElement).

      下面是jQuery事件對象可以在擴瀏覽器支持的屬性:

      屬性名稱描述舉例
      type事件類型.如果使用一個事件處理函數(shù)來處理多個事件, 可以使用此屬性獲得事件類型,比如click.
      target獲取事件觸發(fā)者DOM對象
      data事件調(diào)用時傳入額外參數(shù).
      relatedTarget對于鼠標事件, 標示觸發(fā)事件時離開或者進入的DOM元素
      currentTarget冒泡前的當(dāng)前觸發(fā)事件的DOM對象, 等同于this.

      結(jié)果:P

      pageX/Y鼠標事件中, 事件相對于頁面原點的水平/垂直坐標.
      result上一個事件處理函數(shù)返回的值

      結(jié)果:”hey”

      timeStamp事件發(fā)生時的時間戳.
      var last; 
      $("p").click(function(event) { 
      if( last ) 
      alert( "time since last event " + event.timeStamp - last ); 
      last = event.timeStamp; 
      });

      上面是jQuery官方文檔中提供的event對象的屬性. 在”jQuery實戰(zhàn)”一書中還提供了下面的多瀏覽器支持的屬性, 時間關(guān)系我沒有嘗試每一個屬性, 大家可以幫忙驗證是否在所有瀏覽器下可用:

      屬性名稱描述
      altKeyAlt鍵是否被按下. 按下返回true
      ctrlKeyctrl鍵是否被按下, 按下返回true
      metaKeyMeta鍵是否被按下, 按下返回true.
      meta鍵就是PC機器的Ctrl鍵,或者Mac機器上面的Command鍵
      shiftKeyShift鍵是否被按下, 按下返回true
      keyCode對于keyup和keydown事件返回被按下的鍵. 不區(qū)分大小寫, a和A都返回65.對于keypress事件請使用which屬性, 因為which屬性跨瀏覽時依然可靠.
      which對于鍵盤事件, 返回觸發(fā)事件的鍵的數(shù)字編碼. 對于鼠標事件, 返回鼠標按鍵號(1左,2中,3右).
      screenX/Y對于鼠標事件, 獲取事件相對于屏幕原點的水平/垂直坐標

      事件對象除了擁有屬性, 還擁有事件. 有一些是一定會用到的事件比如取消冒泡 stopPropagation() 等.下面是jQuery事件對象的函數(shù)列表:

      名稱說明舉例
      preventDefault()取消可能引起任何語意操作的事件. 比如<a>元素的href鏈接加載, 表單提交以及click引起復(fù)選框的狀態(tài)切換.
      isDefaultPrevented()是否調(diào)用過

      preventDefault()

      方法

      stopPropagation()取消事件冒泡
      isPropagationStopped()是否調(diào)用過

      stopPropagation()

      方法

      stopImmediatePropagation()取消執(zhí)行其他的事件處理函數(shù)并取消事件冒泡.如果同一個事件綁定了多個事件處理函數(shù), 在其中一個事件處理函數(shù)中調(diào)用此方法后將不會繼續(xù)調(diào)用其他的事件處理函數(shù).
      isImmediatePropagationStopped()是否調(diào)用過

      stopImmediatePropagation()

      方法

      這些函數(shù)中 stopPropagation() 是我們最長用的也是一定會用到的函數(shù). 相當(dāng)于操作原始event對象的event.cancelBubble=true來取消冒泡。

        本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
        轉(zhuǎn)藏 分享 獻花(0

        0條評論

        發(fā)表

        請遵守用戶 評論公約

        類似文章 更多