位置: 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)

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

  • 什么是税目税基税率,简答题
  • 预收账款确认收入
  • 一般纳税人销售农产品增值税税率
  • 生产性资金是生产资料吗
  • 集团内部资产无偿划转是否纳税增值税
  • 计提存货跌价准备怎么计算
  • 员工个人部分所承担的社保会计分录怎么做
  • 如何规范填写费用表格
  • 小规模附加税减免政策2023最新
  • 商贸企业出口退税计算公式
  • 因保管不善,不慎遗失
  • 代理药品销售收取佣金会计分录怎么写?
  • 软件分几次开票怎么入账
  • 担保预计负债要如何做账?
  • 取得运输部门开具的增值税专用发票
  • 公司购买汽车保险车船税需要另计吗
  • 物业服务合同印花算什么类型
  • 分公司背书给总公司
  • 增值税专用发票校验码是哪个位置
  • 印花税无法申报怎么回事
  • 资源税改革最新政策
  • 小规模季度的税收优惠
  • win10卸载deepin
  • 缴纳人身意外保险凭证是什么
  • 如何使用U盘启动盘进行分区
  • Win10系统如何修改开机密码
  • 此电脑当前不满足运行win11是怎么回事
  • 利润分配会计处理时间
  • 受托加工物资入库流程
  • 会计监督作用
  • 新会计规定工会会计制度
  • 股权划转是否涉及印花税
  • 期末增值税结转账务处理
  • 应收账款属于会计要素中的什么科目
  • html六边形的盒子怎么做
  • 装修费用一次性计入成本
  • sql server中变量声明的命令是什么
  • 赠品没有收到
  • 旅游大巴应怎么买票
  • 适用5%征收率的范围
  • 同控和非同控的企业合并的分录
  • 个人补缴的医保有钱返吗
  • 不得从销项税额中抵扣的进项税额,不得计提加计抵减额
  • 存货跌价准备确认损失分录
  • 跨年银行回单怎么入账
  • 商场活动经费预算
  • 固定资产折旧计算方法公式大全
  • 建安行业外地预审要多久
  • 公司的长期股权投资该如何做账
  • 支付永续债利息的会计处理
  • 结算金额和付款金额
  • 个人向公司账户存现金
  • 留存收益属于什么会计要素
  • 财务人员需要填报的报表有哪些
  • mysql多个group by
  • mysql启动时找不到mysqld.server
  • sql函数大全
  • u极速u盘启动官网
  • linux虚拟系统
  • uefi硬盘安装win10
  • 联想lenovo小新pro16 2023版
  • xp系统如何查询配置
  • ubuntu 14.04.6
  • f11一键恢复系统详解
  • win8如何添加我的电脑
  • win7 桌面空白
  • mac的替换在哪里
  • 升级win10之后东西不见了
  • linux 查看磁盘io繁忙
  • centos6.5配置静态ip地址
  • cocos2dx官方教程
  • 微信小程序选择地址
  • nodejs自动生成接口文档
  • windows e
  • opengl和openglskia
  • java与android的区别
  • jquery foreach循环
  • python3模拟登录
  • jquery设置div的宽度和高度
  • 国家浙江税务局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设