KnockoutJS學習筆記14:KonckoutJS click繫結
KnockoutJS click繫結是為指定的DOM元素新增單擊事件,因此它所對應的引數必須是一個處理函式。click繫結通常被用在按鈕或者
示例程式碼:
You've clicked times
訪問click處理函式的引數
click的處理函式接收兩個引數,分別是繫結到當前元素的資料和滑鼠事件。
對於上面的例子,我們的第一個引數是viewModel本身,如果foreach繫結,那麼第一個引數則是繫結到當前DOM中的項。示例程式碼:
// The current item will be passed as the first parameter, so we know which place to remove
self.removePlace = function (place) {
self.places.remove(place)
}
}
ko.applyBindings(new MyViewModel());
對於第二個引數:滑鼠事件,訪問的則是事件本身。我們直接看程式碼:
另外,除了指定的引數之外,我們還可以自定義引數,自定義引數需要使用到bind方法,程式碼如下:
對於
冒泡事件
ko預設是開啟冒泡事件支援的。例如為一個div繫結了click事件,而div中的button也繫結了click事件,這個時候點選button的時候,button和div的單擊事件都會被執行,這是因為冒泡事件的原因。
如果你要阻止冒泡事件,可以使用下面的程式碼:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2331/viewspace-2798307/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- PHP學習筆記——延遲靜態繫結PHP筆記
- JavaScript學習筆記10: 事件繫結&監聽JavaScript筆記事件
- angular學習筆記<一>:模板與資料繫結Angular筆記
- React學習筆記之雙向資料繫結React筆記
- HarmonyOS NEXT 學習筆記4--雙向繫結$$筆記
- 學習筆記八:vue之事件繫結加不加括號筆記Vue事件
- vue學習筆記(一)---- vue指令( v-bind 屬性繫結 )Vue筆記
- MYSQL學習筆記14: 函式MySql筆記函式
- 學習筆記14:模型儲存筆記模型
- 【Python學習】學習筆記 14-15 字串Python筆記字串
- angular學習筆記(三)-檢視繫結資料的兩種方式Angular筆記
- 我的C#學習筆記14C#筆記
- Activiti 學習筆記 小結筆記
- Redux 學習總結筆記Redux筆記
- LDAP學習筆記總結LDA筆記
- Go 結構 學習筆記Go筆記
- 動態生成的html元素繫結click事件HTML事件
- javascript設計模式(張容銘)學習筆記 – 外觀模式繫結事件JavaScript設計模式筆記事件
- [JS][Vue]學習記錄之雙向繫結JSVue
- 力扣學習筆記:142. 環形連結串列 II力扣筆記
- iOS學習筆記14 網路(三)WebViewiOS筆記WebView
- GO 學習筆記->結構體Go筆記結構體
- 學習筆記900天總結筆記
- 資料結構學習筆記資料結構筆記
- 學習筆記800天總結筆記
- PL/SQL學習筆記-總結SQL筆記
- Silverlight 2 學習筆記之事件的重複繫結問題筆記事件
- 蘋果手機on繫結click事件失效解決方案蘋果事件
- 結構動力學教材-學習筆記筆記
- JavaScript學習13:事件繫結JavaScript事件
- 【Go學習筆記14】嵌入型別(繼承)Go筆記型別繼承
- Object C學習筆記14-分類(category)Object筆記Go
- numpy的學習筆記\pandas學習筆記筆記
- Oracle體系結構學習筆記Oracle筆記
- 階段性總結_學習筆記筆記
- 資料結構學習筆記--棧資料結構筆記
- 資料結構學習筆記1資料結構筆記
- Vue & Bootstrap 結合學習筆記(一)Vueboot筆記