全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[贵阳seo公司排名]介绍三种小程序事件

  摘要: 本文介绍微信小程序事件如何使用。1:事件冒泡在微信小程序开发工具中,穆棱市小程序制作公司11 2020.10 [高唐seo优化公司]如何通过yum安装指定版本的PHP yum安装指定版本php的方法:首先执行命令yum -y install epel-release;然后安装yum-config-manager实用程序;接着选择对应的PHP版本进行安装;最后执行install命令即可。 推荐:《PHP视频教程》。新建event文件夹,新建文件,在event△○.wxml中填写如下代码•…:viewclass=view1bindtap=view1clickid=view1 data-title=新闻标题data-id=100
这里 .•★=△..

  

本文介绍微信小程序事件如何使用。

  

1:事件冒泡

  

微信小程序开发工具中,新建event文件夹,新建文件▷■▽,在event.wxml中填写如下代码:

  

  1. <view class="■◇●;view1" bindtap="■•▼●;view1click"△○; id="view1" data-title="▲◇=■;新闻标题" data-id="100"◁★◁=;>
     这里是view 1
     <▼…▽○;view class="view2"=…; bindtap="view2click" id="view2">
     这里是view 2
     <view class="view3"▼☆▷; bindtap="view3click" id="…-;view3">
     这里是view 3
     </view>
     <-=▽;/view>
    </view>

在event…☆○☆.wxss中填写如下代码:
 

  

▲◇▽.view1{
 height: 500rpx;
 width: 100%;
 background-color:beige;
}
.view2{
 height: 400rpx;
 width▪-: 80%;
 background-color: red;
}


 

  

  1. .view3{
     height: 300rpx;
     width: 60%▽◆△;
     background-color•◇▷●:aqua;
    }

在event.js中增加如下代码☆…:
 

  


 

  

  1. //事件处理函数
     view1click ▷☆■: function(event){
     console□=.log("view1click")
     }◁=▽,
     view2click : function(){
     console.log("view2click")
     }●▲,
     view3click : function(event){
     console●★◁.log("…▽▲◁;view3click")
     }□•,

编译并运行,仪征市小程序制作公司然后在模拟器中点击view3区域结果如图1所示●▷■:可以看到▷△☆□,除了view3之外,沙河市小程序制作公司view2和view1的点击事件都响应了☆…,这就是点击事件冒泡

  

 

  

图1

  


2○◇:阻止事件冒泡

  

  

  1. <view class="view3" bindtap="□◁;view3click" id="○■-;view3">◆◇▷;

改为

  

  1. <□▼☆◁;view class="view3"…▲; catchtap="view3click"△▽▷; id="view3">


---即修改为△•:catchtap

  

其他代码不变★-,编译运行,还是点击view3区域▷•▪▪,查看日志信息,如图2所示,事件不再冒泡

  

 

  

图2

  


3:事件信息传入
 

  

上述代码中=◇:view1click : function(event)增加打印传入的event事件信息代码如下▼▪▷:编译运行如图3所示:

  

  1. view1click : function(event){
     console.log("view1click"◇□…•;)
     console▽◆■.log(event)
     }

 

  

图3

  

其中dataset中为自定义的属性,id:100,[贵阳seo公司排名]title: “新闻标题”,这个自定义属性设置在如下代码•■:

  

  1. <view class="view1" bindtap="view1click" id="view1" data-title="新闻标题" data-id="100">

 

  【相关推荐】

  1▪▼△. 特别推荐:“php程序员工具箱▽▷◁”V0▪★△▷.1版本下载

  2. 微信小程序完整源码下载

  3. 微信小程序demo:仿商城

  

  以上就是介绍三种小程序事件的详细内容,更多请关注久澳传媒编程栏目其它相关文章☆…!

[贵阳seo公司排名]介绍三种小程序事件

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。