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

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

  • 增值税销项税额公式
  • 劳保用品发放制度文件
  • 发行股票手续费佣金计入什么科目
  • 借款给别的公司收到的利息会计分录怎么写
  • 销售20万需要多少进项
  • 固定资产计提折旧的原则
  • 外购货物用于捐赠的会计分录
  • 1元转让股权账务实
  • 金税三期实收资本的印花税在哪缴?
  • 劳务报酬申报个税后还需要开发票吗
  • 地方教育费附加的会计分录
  • 增值税普通发票和专用发票有什么区别
  • 出租车发票日期可以改吗
  • 本年度应收账款是否应该加起初
  • 关于纳税人取得的发票
  • 社保滞纳金是否影响企业信用等级
  • 工资表中有哪些项目
  • 商标的费用能抵扣吗
  • 餐费可以列入哪些费用明细
  • 外地出差的餐费住宿费是不是都计入差旅费
  • 采购原材料运费会计分录
  • 购进原材料不用交税吗
  • 小规模纳税人代收水电费
  • 事业单位去年的岗位今年还会招吗
  • 多扣除了应交税费怎么调整?
  • 能抵扣税款的发票有哪些
  • 申报工伤的流程及时间
  • 销售额不到10万免征什么税
  • 公司设计费属于什么费用
  • windows7旗舰版最新版本
  • 招待客户住宿的句子
  • 炫龙笔记本win10系统为什么没有关闭触控板
  • 增值税的计税依据包括契税吗
  • frontpage在哪里打开
  • nodejs怎么降低版本
  • 研发费用加计扣除政策指引2.0
  • 输入什么验证
  • 代理业务资产的含义
  • 资产等于负债加所有者权益
  • 财务会计制度或纳税人财务会计核算办法
  • 工会经费免征三年的文件山东
  • 文本生成图像前景怎么样
  • 职工福利费开支超过准予扣除标准的金额为1.2
  • 以旧换新方式销售金银首饰的消费税处理
  • 三代手续费的税率
  • mongodb开启远程连接
  • 含税价的基本定义是什么
  • 外贸企业增值税申报
  • 残疾人残保金如何计算
  • 城建税及教育附加税税率是多少
  • 收到上年度所得税返还会计分录
  • 差旅费算人工费吗
  • 冲上月暂估入账的 会计分录
  • 工程与会计
  • 小微企业减免附加税税率
  • 结转已销商品的销售成本分录
  • 建筑业营改增后,人工费不存在可抵扣
  • 施工图审查费计入什么会计科目
  • 新成立的公司需要年报吗
  • access数据库sql语言
  • sqlserver日志清理
  • 联想电脑BIOS启动键
  • 强行卸载系统应用
  • smagent.exe - smagent是什么进程
  • windows的气泡屏保会加速
  • win10 20h2 v2
  • vista starter
  • cocos html
  • css在ie失效
  • 置顶怎么折叠起来
  • 字符串拼接join
  • js中排序的函数
  • jQuery中的AjaxSubmit使用讲解
  • android基础入门教程
  • shell脚本 -ne 0
  • 安卓 存储权限 访问的地方是哪里
  • 国家税务局湖南电子税务局登录
  • 已经交完费还可以用医保卡报销吗
  • 国地税合并公告
  • 重庆沙坪坝区沙磁巷幼儿园
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设