微信小程序的事件绑定

 

事件类型

tap  touchstart  touchmove  touchcancel  touchend  longtap  longpress 

transitionend  animationstart  animationiteration  animationend  touchforcechange 

 

 

各种绑定事件方式的区别:

1. bind: 普通绑定(事件会冒泡)

2. catch: 阻止事件冒泡

3. capture-bind:   捕获阶段绑定(后续捕获流程和冒泡流程会继续执行)

4. capture-catch: 中断捕获阶段和取消冒泡阶段,在捕获阶段阻止事件的传递

 

三层都以bind的方式绑定,点击第二层,出现冒泡:

 

 

将第二层以catch的方式绑定事件,点击第二层,会阻止冒泡:

 

 

三层都以capture-bind的方式绑定,点击第三层:

 

 

三层都以capture-catch的方式绑定,点击第三层:

 

posted @ 2020-02-22 11:47  牧羊狼  阅读(1738)  评论(0编辑  收藏  举报