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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- JavaScript學習筆記10: 事件繫結&監聽JavaScript筆記事件
- React學習筆記之雙向資料繫結React筆記
- angular學習筆記<一>:模板與資料繫結Angular筆記
- HarmonyOS NEXT 學習筆記4--雙向繫結$$筆記
- MYSQL學習筆記14: 函式MySql筆記函式
- 學習筆記14:模型儲存筆記模型
- 【Python學習】學習筆記 14-15 字串Python筆記字串
- 學習筆記八:vue之事件繫結加不加括號筆記Vue事件
- leetcode學習筆記14 Longest Common PrefixLeetCode筆記
- 我的C#學習筆記14C#筆記
- vue學習筆記(一)---- vue指令( v-bind 屬性繫結 )Vue筆記
- Silverlight 2 學習筆記之事件的重複繫結問題筆記事件
- iOS學習筆記14 網路(三)WebViewiOS筆記WebView
- 2020-11-14springboot學習筆記03Spring Boot筆記
- 強化學習-學習筆記14 | 策略梯度中的 Baseline強化學習筆記梯度
- 動態生成的html元素繫結click事件HTML事件
- javascript設計模式(張容銘)學習筆記 – 外觀模式繫結事件JavaScript設計模式筆記事件
- Adaptive AUTOSAR 學習筆記 14 - 車輛診斷APT筆記
- [JS][Vue]學習記錄之雙向繫結JSVue
- 吳恩達機器學習筆記 —— 14 無監督學習吳恩達機器學習筆記
- 林軒田機器學習基石課程學習筆記14 — Regularization機器學習筆記
- GO 學習筆記->結構體Go筆記結構體
- 資料結構學習筆記資料結構筆記
- Centos學習筆記14 – java程式啟動指令碼CentOS筆記Java指令碼
- Solidity語言學習筆記————14、左值運算子Solid筆記
- 結構動力學教材-學習筆記筆記
- es6塊級繫結筆記筆記
- Git 分支的建立與切換 —— Git 學習筆記 14Git筆記
- 資料結構學習筆記1資料結構筆記
- Vue & Bootstrap 結合學習筆記(二)Vueboot筆記
- Vue & Bootstrap 結合學習筆記(一)Vueboot筆記
- 階段性總結_學習筆記筆記
- Oracle體系結構學習筆記Oracle筆記
- 資料結構學習筆記--棧資料結構筆記
- numpy的學習筆記\pandas學習筆記筆記
- Solidity語言學習筆記————14、動態位元組陣列Solid筆記陣列
- 小王的學習筆記(十四)——vue資料渲染、事件處理、表單輸入與繫結筆記Vue事件
- jQuery 學習筆記:jQuery 程式碼結構jQuery筆記