微信公众号开发服务

SEO优化-搜狗360搜索引擎营销推广

微信小法度榜样阻拦冒泡,微信撤消冒泡

smile 2022-11-11 微信公众号开发服务 10 views 0

今天给各位分享微信小程序阻止冒泡的知识,其中也会对微信取消冒泡进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

微信小法度榜样:冒泡事宜与非冒泡事宜

事宜分为冒泡事宜和非冒泡事宜:

1.冒泡事宜:当一个组件上的事宜被触发后,该事宜会向父节点传递。

2.非冒泡事宜:当一个组件上的事宜被触发后,该事宜不会向父节点传递。

详情见

iPhone6微信小法度榜样怎么设置

微信小法度榜样(下面简称小法度榜样)近些月来刷爆了我们这些法度榜样猿们的圈子,可以说无数的法度榜样猿磨刀霍霍,预备在这快蛋糕上杀出一片寰宇。那么作为前端开辟人员,小法度榜样开辟和我们平常的开辟有什么不合的处所呢?让我们一路来走进门里看看。我们从下面几个偏向来懂得一下小法度榜样的开辟: 1/debug/wxadoc/dev/framework/structure/debug/wxadoc/dev/devtools/download/debug/wxadoc/dev/component/?t=20161107) 组件的用法和标签一样,比如view组件 view / view、text组件 text /view。从写法上看起来和标签写法没什么差别,然则这些组件和标签最大的差别就是,组件本身设置了样式,比如icon组件:view class="group" block wx:for="{{iconSize}}" icon type="success" size="{{item}}"/icon /block /view 我们只须要应用icon组件,不须要去本身设置样式就可以获得对应的icon样式。 在日常小法度榜样开辟中,比较常用的组件有view和text,个中用的最多的就是view,view本身并没有默认太多的样式,只有一个display:block样式,所以在我看来view就类似于div,我们也就把它算作div来应用就行了,然后你就会发明构造的时刻到处都是view~,就像下图:满眼满是view这种写法不须要像html一样推敲语义、seo神马的,异常的简单粗暴~。额外提一下text组件,text拥有view所没有的一个特点就是text组件内的文本可以被复制、可以被复制、可以被复制(重要的工作说三遍~)。假如你欲望某段文本可以被复制,那么你只能应用text组件。同时须要留意的一点,text组件内部不克不及嵌套view组件!嵌套无效!2/debug/wxadoc/dev/framework/view/wxss.html?t=20161107二、JS差别固然小法度榜样的交互采取的是js的语法,然则最大的变更就在于小法度榜样无法应用选择器获取到页面的某个'dom'(应当不叫dom),这也是我们前端人员须要思路改变的处所,以往我们习惯于获取某个dom,然后这个dom上绑定各类事宜,同时对页面进行一些改变操作,然则小法度榜样并没有供给这种我们习惯的办法。 不克不及获取dom,也不克不及直接操作dom,那我们该怎么写呢?1. bind 和 catchbind和catch的感化从字面意思就可以大致猜出是用来绑定某些器械的,没错,这是小法度榜样供给绑定事宜的两个办法,而他们的差别在于bind不阻拦冒泡,而catch阻拦冒泡。小法度榜样不供给获取dom的操作,而是让我们直接将事宜绑定写入到组件内,如下代码:view id="tapTest" data-hi="WeChat" bindtap="tapName" Click me! /view 看到这人人可能发明了bind后面跟着一个tap,这个tap是什么东东?2. taptap其实就是一个事宜,你可以懂得为click,不过在手机端叫做tap,其它的事宜还有:touchstart、touchmove、touchcancel、touchend、longtap。bindtap=”tapName”组合起来就是绑定个tap事宜,tapName则是对应的办法名,在这里须要留意一点,调用办法时不克不及够应用tapName(“txt”)这种情势来传参,小法度榜样不支撑。那么假如我们想要给办法传递一些参数该怎么做呢?接着往下看。3.event我们先看一段代码:Page({ tapName: function(event) { console.log(event) } }) 打印出来的成果:{ "type":"tap", "timeStamp":895, "target": { "id": "tapTest", "dataset": { "hi":"WeChat" } }, "currentTarget": { "id": "tapTest", "dataset": { "hi":"WeChat" } }, "detail": { "x":53, "y":14 }, "touches":[{ "identifier":0, "pageX":53, "pageY":14, "clientX":53, "clientY":14 }], "changedTouches":[{ "identifier":0, "pageX":53, "pageY":14, "clientX":53, "clientY":14 }] } 看到这么一堆器械人人可能有点晕,没事,我们来捋一捋。这个event想来人人应当明白是什么,event包含了目标对象的相干信息。那意味着,我们只要去修改目标对象的相干信息,就可以给tapName办法传输参数了。 那么若何修改目标对象的相干信息呢?在这之前我们必须要先懂得下currentTarget和target两个属性,前者是绑定事宜的组件,后者是触发事宜的组件源。懂得清楚这两个属性很重要!假如是上面例子这种情况,只有一个view组件,那么这两个属性的值没什么差别,然则假如换成下面的这个例子,就不一样了:view id="tap1" data-hi="绑定组件" bindtap="tapName" view id="tap2" data-hi="触发组件源"/view /view 我们再输出看看(为了便利比较,只保存下currentTarget和target两个属性):{ "target": { "id": "tap2", "dataset": { "hi":"触发组件源" } }, "currentTarget": { "id": "tap1", "dataset": { "hi":"绑定组件" } } } 经由过程这个例子就可以很清楚的发明,currentTarget对应的就是外层绑定了tapName办法的view组件,而target对应的则是内部的view组件。 经由过程两个例子,信赖人人也留意到了两个属性,data-hi和dataset,这两个属性有什么关系呢?人人应当猜到了,dataset的值其实就是我们设置的data-xxx的值,而xxx则是dataset里面的key。人人对于data-xxx的写法应当不陌生,就是html中常见的自定义属性的写法,而在小法度榜样中,则被用来传参。4. 改变样式前面就提到了小法度榜样并不供给获取和操作dom的才能,这就又带来了一个问题,我们若何去动态的改变样式呢?我们先看下例子:view class="container" style="overflow: {{screenType?'hidden':'scroll-y'}}" bindtap="bindType" Page({ data: { screenType: '' }, bindType: function(){ this.setData({ screenType: '1' }) } })/view 人人是不是有点明白了呢,我们没有办法直接获取dom然后去改变他的样式,所以我们只能经由过程data里的属性来控制样式的变更,如上面的代码,overflow的值取决于screenType的值是否存在,假如存在,则overflow: hidden,反之overflow: scroll-y;那么我们只须要改变screenType的值。要改变screenType的值也简单了,小法度榜样供给了this.setData办法,可以设置data内的值。四、其它最后提一下我们熟悉的ajax请求,在小法度榜样里,它不叫ajax,而叫做wx.request。用法和ajax没什么差别,独一须要特别留意的是,请求必须是https请求!而不是平常的http请求!除了必须如果https请求以外,还须要到小法度榜样的后台里设置合法域名,不然无法请求。以上就是本文的全部内容,欲望对人人的进修有所赞助,也欲望人人多多支撑脚本之家。

微信小法度榜样 子元素事宜不触发父元素事宜

bind事宜绑定不会阻拦冒泡事宜向上冒泡

catch事宜绑定可以阻拦冒泡事宜向上冒泡

微信小法度榜样阻拦冒泡,微信撤消冒泡 第1张

当点击子集微信小法度榜样阻拦冒泡的 catchtap='child' 事宜之后阻拦冒泡事宜向上冒泡微信小法度榜样阻拦冒泡,所以不会触发 bindtap='father'

关于微信小程序阻止冒泡和微信取消冒泡的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

猜你喜欢

发表评论

发表评论:

扫描微信

扫一扫添加微信

分享:

支付宝

微信