ITPub博客

首页 > IT职业 > IT生活 > KnockoutJS学习笔记14:KonckoutJS click绑定

KnockoutJS学习笔记14:KonckoutJS click绑定

IT生活 作者:lcc 时间:2021-09-09 08:57:58 0 删除 编辑

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方法,代码如下:


对于标签的动作,就要在处理函数中返回true。

冒泡事件
ko默认是开启冒泡事件支持的。例如为一个div绑定了click事件,而div中的button也绑定了click事件,这个时候点击button的时候,button和div的单击事件都会被执行,这是因为冒泡事件的原因。

如果你要阻止冒泡事件,可以使用下面的代码:



来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2331/viewspace-2798307/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-09-06

  • 博文量
    119
  • 访问量
    12367