本港台最快开奖结果_本港台118kj开奖现场_明日大富翁开奖结果

[2019]本港台最快开奖结果是给大家带来了一个可以免费下载正版的机会,1本港台118kj开奖现场为玩家提供免费好玩的iPad游戏下载,点击明日大富翁开奖结果了解更多优惠信息,因为只有在注册之后下载下来的平台才是官方指定的。

微信小程序的事件机制

来源:http://www.alloutofdebt.com 作者:本港台118kj开奖现场 人气:181 发布时间:2019-10-09
摘要:在微信小程序中,可以见到同为点击事件,有的是bindtap而有的是catchtap,那么这两者有哪些界别吗?为了进一步明白微信小程序的风浪机制,在原DEMO的底子上加码了多个简约的页面。效

在微信小程序中,可以见到同为点击事件,有的是bindtap而有的是catchtap,那么这两者有哪些界别吗?为了进一步明白微信小程序的风浪机制,在原DEMO的底子上加码了多个简约的页面。效果如下。

图片 1Paste_Image.png

红黄铜色分别表示三个view。 红是最外层的, 墨蓝依次为中底层。 每一层view对应着二个点击事件。(outtap,midtap,innertap)。

Page({ outtap{ console.log("out:"+event); }, midtap{ console.log("mid:"+event) }, innertap{ console.log("innertap:"+event) }})

率先先把富有的平地风波都改为bindtap。分别点击inner层,middle层,out层。再看看日志上打字与印刷出来的多寡。

<view bindtap="outtap"> out <view catchtap="midtap"> middle <view bindtap="innertap"> inner </view> </view></view>

图片 2点击innertap.png图片 3点击midtap.png图片 4点击toptap.png

可以看出,当为view的点击时间为bindtap的时候, 点击最尾巴部分的innerview的时候,除了触发innertap的点击方法之外,事件还有或许会往上开展传递,依次触发midtap和outtap方法。

下一场大家把middle的bindtap改成catchtap,再各自点击四个视图层。(顺序 inner middle out)

图片 5点击innertap.png图片 6点击midtap.png图片 7点击toptap.png

能够观看,当mid层使用了catchtap后,事件实践到mid层之后,便不会再往上海展览中心开传递。

从地点的截出来的图样中, 大家能够观察点击了控件之后,再次回到的是一个Object对象,那么那一个指标里面蕴含怎样新闻吗。查看官方文书档案。

图片 8Paste_Image.png

中间type为事件类型,timeStamp为事件生成的时光戳,target为触发事件的零部件的片段属性值集结,currentTarget当前组件的片段属性值集结,touches为触摸事件,包罗的新闻为触摸点新闻的数组,detail为额外的音信集结。

以下为事件的有的详细消息。

图片 9Paste_Image.png图片 10Paste_Image.png图片 11Paste_Image.png

从官方的文书档案中,我们得以窥见,事件分为二种,一种是冒泡事件,另一种是非冒泡事件。a.冒泡事件:当一个零部件上的事件被触发后,该事件会向父节点传递b.非冒泡事件:当八个组件上的风云被出发后,该事件不会向父节点传递。

鲜明bindtap属于冒泡事件,catchtap属于非冒泡事件。除了bindtap之外,wxml的别的冒泡事件还也可能有以下事件。

图片 12冒泡事件列表.png

注:除上表之外的其他零件自定义事件都是非冒泡事件,如<form/>的submit事件,<input/>的input事件,<scroll-view/>的scroll事件。

本文由本港台最快开奖结果发布于本港台118kj开奖现场,转载请注明出处:微信小程序的事件机制

关键词:

上一篇:尖端体系

下一篇:没有了

频道精选

最火资讯