位置: IT常识 - 正文

微信小程序 button按钮怎么触发事件? bindtap语法怎么使用?(微信小程序不方便)

编辑:rootadmin
微信小程序 button按钮怎么触发事件? bindtap语法怎么使用?

推荐整理分享微信小程序 button按钮怎么触发事件? bindtap语法怎么使用?(微信小程序不方便),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:微信小程序没反应怎么回事,微信小程序怎么制作自己的小程序,微信小程序不方便,微信小程序没反应怎么回事,微信小程序点击没有反应,微信小程序为,微信小程序点击没有反应,微信小程序为,内容如对您有帮助,希望把文章链接给更多的朋友!

在前端网页中我们需要触发一个事件如果按钮点击后调用函数,文本、图片、链接被点击后调用一个函数一个事件,我们都知道用click,可是微信小程序中的click是不存在的,他怎么才能和网页中一样的使用click的呢?

1.bindtap语法的使用

这时候有人肯定会问,我不是来学习click的怎么教我bindtap语法使用了?

其实不然,bindtap是微信小程序中的onclick鼠标点击事件

在小程序中,不存在HTMLZ中的onclick鼠标点击事件,而是通过tap事件来响应用户的触摸行为。

①通过bindtap,可以为组件绑定tap触摸事件,语法如下:

<button type="primary" bindtap="onclick">按钮</button>

 ②在页面的.js文件中定义对应的事件处理函数,事件参数通过形参event(一般简写成e)来接收:

Page({ onclick(e){ console.log(e) }})

我们尝试需要点击按钮输出e里面是啥

微信小程序 button按钮怎么触发事件? bindtap语法怎么使用?(微信小程序不方便)

我们会看多很多参数,这时候不用怕,我给大家讲解一些常用的。

属性类型说明基础库版本typeString事件类型timeStampInteger事件生成时的时间戳targetObject触发事件的组件的一些属性值集合currentTargetObject当前组件的一些属性值集合touchesArray触摸事件,当前停留在屏幕中的触摸点信息的数组changedTouchesArray触摸事件,当前变化的触摸点信息的数组 2.1.type属性

我们从图书看出在bindtap事件中他返回的是tap,其实我们事件有很多种

 以上三种是我们最常见的,是否还有其他属性我们可以前往微信小程序帮助文档进行查看

2.2.timeStamp属性

这个属性就是代表我们WXML页面从打开后开始计时,到事件被触发为止显示的一个时间戳

单位时毫秒

 2.3 target属性

target属性是我们最长用到的属性,所以我给他标红了,

看图明白一个大概,后面实战种使用到我们会详细讲解,现在都做一个了解

2.4  currentTarget属性

  currentTarget属性和target属性其实是一样的,但是他有一个小小的区别

看图我们是不是以为 他们2个没有区别数据都是一样的,其实currenttarget属性是指向当前组件的父组件,

我们会在后面推文种写出他两的本质区别,可以进入主页进行查看文章

2.5 touches和changedtouches属性

其实他们两个属性也是一样的道理,一句话概括他们, 当用户进行多个手指触摸屏幕会留下痕迹,被这两个属性记录,然后返回给后台。

本文链接地址:https://www.jiuchutong.com/zhishi/287074.html 转载请保留说明!

上一篇:@Nullable 注解的详细用法(nullable object must have a value)

下一篇:微信小程序获取用户头像昵称(微信小程序获取手机号)

  • 采用现金支付
  • 费用日记账明细
  • 预计负债的三个基本要素
  • 公对公退款要交税吗
  • 电子税务局利润表本期金额
  • 分公司缴税企业所得税
  • 管道安装固定方式
  • 天猫积分购物券可以退吗
  • 房地产企业借款过多的原因
  • 跨年确认收入税务风险
  • 支付结算有哪些工具
  • 客户未付关税是否可以申请晚交
  • 三证合一 更新
  • 进口货物的代理报关服务费计入
  • 房地产开发公司注册条件
  • 公司组织客户旅游费用怎么做账
  • 计划成本法下会计分录
  • 税款不申报会怎样
  • 购物卡开预付卡有风险吗
  • 小微企业资质证书
  • 代扣代缴个人所得税现金流计入哪里
  • 附赠产品销售是合法还是违法
  • 合伙人投入的资金怎么记账
  • 无票收入报税后,后期又开票出去怎么处理?
  • 外币借款利息汇兑差额计算公式
  • 差额征税可以开发票吗
  • 打印的行程单可以删除吗
  • 红色手撕发票怎么看金额
  • 高新企业研发项目
  • 应收账款转营业外收入怎么写申请
  • 企业购入用于捐赠的物品
  • 购买方已认证的专票怎么红冲
  • 个税手续费返还要交企业所得税吗
  • 防暑降温费会计处理
  • win10分辨率调整
  • php ftp功能
  • 销售已使用固定资产收入与主营收入合计超过120万元
  • 如何利用http协议发布博客园博文评论
  • 临时经营如何纳税
  • php多图片上传到数据库
  • 材料成本差异的会计分录
  • 闭包 python
  • 愚人挑战
  • 发票金额和打款金额不一致怎么办
  • 转账支票购买办公用品一批,共计600元
  • cmsv6无法连接服务器
  • 购进免税农产品进项税额转出
  • 增值税留抵税额计入什么科目
  • 预提费用待摊费用改为什么科目
  • 出差的车费计入什么科目
  • 织梦系统
  • 小规模简易征收最新政策2020
  • 运输服务是什么
  • mysql索引优化的方案
  • 小规模纳税人利润表季报
  • 收到加工费怎么做账务处理分录
  • 有限合伙企业分配原则
  • 增量成本属于什么成本
  • 什么是开办费包括
  • 往来账清账
  • 统计会计主要做什么
  • 销售净利润怎么算
  • sqlserver如何更改数据类型
  • sqlserver substring函数使用方法小结
  • windows磁盘如何分区
  • ubuntu lnmp环境搭建
  • 电脑主板故障分析与判断
  • windows8.1升级win10
  • Ubuntu系统怎么设置IP
  • windows启动很慢很慢
  • iis安装步骤 windows server 2008
  • jquery的实现原理
  • 使用shell命令
  • 编写批处理
  • jquery $each
  • jquery 点击按钮
  • python函数判断质数
  • 2022年最新最全执业药师继续教育考试答案
  • 内蒙古包头税务局客服电话
  • 出口退税账户标识是否怎么选
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设