事件與列表的處理

rainyang 發布于2019-08-21 16:16 / 2830人閱讀

摘要：事件處理事件源事件事件處理函數方法事件處理事件源發生了什么事件內聯處理方法函數值可以直接傳進參數里事件修飾符阻止單擊事件冒泡組止默認行為添加事件偵聽器時使用事件捕獲模式只當事件在該元素本身觸發時觸發回調只發生一次例

事件處理

---事件源 ---事件 ---事件處理函數

方法事件處理

a.function(e){
    
    console.log(e.target);//事件源
    console.log(e.type);//發生了什么事件
    
}

內聯處理方法

函數值可以直接傳進參數里

事件修飾符

stop 阻止單擊事件冒泡

prevent組止默認行為

capture添加事件偵聽器時使用事件捕獲模式

self只當事件在該元素本身觸發時觸發回調

once只發生一次
例如冒泡行為

.stop時阻止自事件的行為.self

鍵值修飾符

header 1	header 2
enter	13
空格	32
左	37
上	38
右	39
下	40
0-9	48-57
a-z	65-90

按鍵別名
-.enter
-tab
-delete (捕獲 “刪除” 和 “退格” 鍵)
-esc
-space
-up
-down
-left
--right

表單綁定事件

*文本（text,textarea多行文本）

復選框


  
  Jack
  
  John
  
  Mike
  

  Checked names: {{ checkedNames }}

單選按鈕


  
  One
  

  
  Two
  

  Picked: {{ picked }}

選擇列表

單選列表


  
  Selected: {{ selected }}

修飾符

lazy
在默認情況下， v-model 在 input 事件中同步輸入框的值與數據 (除了上述 IME 部分)，但你可以添加一個修飾符 lazy ，從而轉變為在 change 事件中同步：

number如果想自動將用戶的輸入值轉為 Number 類型

trim自動過濾用戶輸入的首尾空格

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88345.html

NIO網絡相關基礎知識

摘要：操作系統是能夠獲取到事件操作完成的事件，基于回調函數機制和操作系統的操作控制實現事件檢測機制。前面的文章NIO基礎知識介紹了Java NIO的一些基本的類及功能說明，Java NIO是用來替換java 傳統IO的，NIO的一些新的特性在網絡交互方面會更加的明顯。 Java 傳統IO的弊端 ????基于JVM來實現每個通道的輪詢檢查通道狀態的方法是可行的，但仍然是有問題的，檢查每個通道...

1fe1se 2019-08-15 14:30 評論0 收藏0
WINDOWS系統下觸屏設備網頁實現滾動的touch事件處理

摘要：公司有觸控屏設備采用系統，普通網頁打開后觸屏操控如滑動網頁沒有效果，需在網頁代碼中添加處理事件網頁的手勢滑動效果。所以在調用事件時，要注意禁止縮放和滾動。其他地方基本與鼠標事件是一致的。公司有觸控屏設備采用WIN7系統，普通網頁打開后觸屏操控如滑動網頁沒有效果，需在網頁代碼中添加JS處理touch事件網頁的手勢滑動效果。當然首先需要webkit內核支持touch事件。以下內容引用h...

jhhfft 2019-08-19 18:15 評論0 收藏0
JavaScript學習總結（三）BOM和DOM詳解

摘要：有級級級共個級別。事件類型事件類型鼠標事件鍵盤事件事件事件處理器執行代碼的程序在事件發生時會對事件做出響應。在標簽中使用事件處理器的語法是標簽事件處理器代碼事件處理程序事件就是用戶或瀏覽器自身執行的某種動作。 DOM介紹 D（文檔）可以理解為整個Web加載的網頁文檔，O（對象）可以理解為類似window對象只來的東西，可以調用屬性和方法，這里我們說的是document對象，M（模型）可...

littlelightss 2019-08-21 12:27 評論0 收藏0
DOM事件機制

摘要：而事件分為個級別級事件處理，級事件處理和級事件處理。一個事件發生后，會在子元素和父元素之間傳播。也就是說，始終是監聽事件者，而是事件的真正發出者。五參考文章級別與事件事件機制解惑事件模型事件委托詳解事件的學與記和和的區別前言本文主要介紹DOM事件級別、DOM事件模型、事件流、事件代理和Event對象常見的應用，希望對你們有些幫助和啟發！本文首發地址為GitHub博客,寫文章不易，...

laznrbfe 2019-08-23 13:53 評論0 收藏0