KnockoutJS學習筆記14:KonckoutJS click繫結

lcc發表於2021-09-09

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/,如需轉載,請註明出處,否則將追究法律責任。

相關文章