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

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

  • 计入税金及附加的税种口诀
  • 外购货物对外捐赠企业所得税
  • 应收账款坏账损失专项报告
  • 暂估入账的原材料有成本差异吗
  • 多缴纳的税款不退税怎么入账
  • 物业公司转售电费怎么开票
  • 不同项目的进项税可以抵销项税吗
  • 母公司名称的发票可以计入子公司的开办费处理吗?
  • 年末如何计提企税分录
  • 增值税普通发票有什么用
  • 石家庄国税发票查验平台
  • 红字发票需要盖章子吗
  • 金融服务手续费可以抵扣进项税吗
  • 电脑开机后一直滴滴
  • w11系统激活码
  • win10怎么设置win7开始菜单
  • php中cookie的值存储在哪
  • linuxssh免密登录
  • 苹果发布macOS13.5开发者预览版
  • 承租人对经营租赁的会计处,怎么快速记住方法
  • 逾期未收回包装物押金税率
  • 员工食堂餐费可以税前扣除吗
  • 临时工的工资需要缴纳工会经费吗
  • tim模块
  • 宣告分配现金股利和股票股利的区别
  • 非上市公司股权估值
  • code editing
  • bom也称为
  • bounded linear functional
  • 待摊费用在资产负债表里写在哪
  • 帝国cms如何使用
  • 房地产企业预缴增值税会计处理
  • 青苗补偿费归谁所有
  • 应交增值税一般是多少
  • ca证书收费金额是多少?
  • 一个简单的web项目名称
  • PostgreSQL中常用的时间日期脚本使用教程
  • 印花税申报怎么填
  • 备抵类是什么意思
  • 增量留抵税额怎么算
  • 无法收回的应收账款可以税前扣除吗
  • 职工福利费支出不超过工资薪金总额的
  • 投资利税率计算方法
  • 商贸公司的外账怎么做
  • 收回应收账款账面余额
  • 高速过路费怎么补交
  • 固定资产转为投资性房地产的账务处理公允价值
  • 银行存款日记账与银行对账单之间的核对属于
  • 小规模纳税人租赁不动产税率
  • 股票交易费用计入股票成本吗
  • 融资租赁公司收费标准
  • 每个单位都要缴纳五险一金吗
  • mysql免安装版下载
  • 设置密码保护的pdf怎么转word
  • sql判断是否存在记录
  • windowsxp忘记密码了怎么办简单点
  • macOS 10.12 Beta 7更新了什么 macOS 10.12 Beta7更新内容汇总
  • ubuntu如何启动
  • linux系统文件压缩命令
  • mac系统字体大小设置
  • mac如何全屏窗口
  • win7 0x80070002处理方法
  • win8怎么进入桌面系统
  • 为什么没有win8系统
  • Linux通过sar命令查看网卡流量
  • nodejs入门教程
  • css svg滤镜
  • android方法大全
  • 关于angularjs1说法,错误的是
  • 利用pm2部署多个设备
  • 基于nodejs的框架
  • jquery的实现原理
  • jquery如何解决跨域问题
  • android editText inputType 各个字段的含义
  • 对于python程序,对代码缩进的要求非常严格
  • 浅谈jquery的应用
  • 车船税多少钱一辆
  • 补办契税需要哪些资料
  • 深圳个体户不注销的后果
  • 交完了契税后可以办房产证吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设