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

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

  • 住宿业的小规模纳税标准
  • 工商年报的纳税总额是什么
  • 边际贡献总额分析法的收入为零
  • 土地增值税清算是什么意思
  • 房屋租赁需要交增值税吗
  • 员工借款会计科目
  • 小规模企业怎么报国税
  • 电子商务平台支付的区别
  • 税务局领普通发票需要多少钱
  • 五险一金缴税基数
  • 小规模纳税人咨询服务费的税率是多少
  • 公司为员工承担房租
  • 实验耗材发票内容怎么写
  • 企业收到应收账款6要素哪个增加哪个减少
  • 金税盘全额抵扣分录怎么做
  • 权益法下对投资者的要求
  • 公司向个人租赁房屋要缴什么税
  • 获得administer权限
  • 土地增值税计算例题
  • 绿宝树的养殖方法和注意事项视频
  • perl.exe是什么程序?
  • wordpress主题dux
  • php的array函数
  • 企业员工的工资设定标准
  • 预提费用的核算有哪些
  • 查看redis节点
  • nginx webservice
  • node与nodejs
  • js浅拷贝和深拷贝的方法
  • 浅谈建筑地基基础加固施工技术亲
  • 帝国cms使用手册
  • 增值税冲红后附加税如何申报
  • 定额发票验旧日期怎么算
  • 公司注销持股1%的股东需要他签字吗
  • sqlserver控制台
  • 留抵进项税太多怎么办
  • 管理费用核算的是
  • 如何让主营业务成本增加
  • 应收代位追偿款会计分录
  • 银行承兑汇票收款人是谁
  • 制造费用和生产成本期末有余额吗
  • 融资租赁出租人与承租人之间形成债权债务关系
  • 企业垫付是什么意思
  • 打车费会计分录怎么写
  • 应纳税额与应纳所得额
  • 销售开票怎么做会计分录
  • 免税收入怎么申报增值税
  • 物业管理企业应设置代管基金和代收款项账户
  • 如何查企业是否有问题
  • 用友t6运行特别慢
  • win10蓝屏怎么修复系统
  • windows server 2003与2008的区别联系与选择指南
  • windows7的所有操作都可以从( )
  • 神之浩劫能玩吗
  • 支付宝安全控件可以卸载吗
  • mac系统如何切换中文
  • 快速解决儿童鼻塞
  • linux系统文件系统只读
  • win7电脑711
  • windows中复制文件的几种方法
  • win7系统待机设置
  • win10系统玩游戏闪退怎么解决
  • 导入项目出现这个问题
  • cocos2d教程
  • html淘宝搜索框代码
  • (翻译)你最好骑一辆共享单车
  • python科学绘图
  • javascript模块化规范
  • unity自带的ui叫什么
  • php绘制图形函数
  • node.js连接mysql数据库的方法有哪些
  • jQuery版AJAX简易封装代码
  • unity ngui
  • 社保每个月几号截止申报
  • 甘肃省政府非税收入电子发票在哪里打印
  • 增值税的进项税额转出是什么意思
  • 陕西省国家税务局
  • 为什么医保卡显示无效
  • 水产品 免税
  • 高新企业公布
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设