当前位置: 代码网 > 移动>腾讯>微信 > 一起来聊聊微信小程序之事件绑定

一起来聊聊微信小程序之事件绑定

2025年03月30日 微信 我要评论
本篇文章给大家带来了关于微信小程序的相关问题,其中主要介绍了关于事件绑定的相关内容,包括了什么是事件、小程序中常用的事件、target和currenttarent的区别等,下面一起来看一下,希望对大家

本篇文章给大家带来了关于微信小程序的相关问题,其中主要介绍了关于事件绑定的相关内容,包括了什么是事件、小程序中常用的事件、target和currenttarent的区别等,下面一起来看一下,希望对大家有帮助。

一起来聊聊微信小程序之事件绑定

【相关学习推荐:微信小程序】

什么是事件

事件是渲染层到逻辑层的通讯方式。通过事件可以将用户在渲染层产生的形式,反馈到逻辑层进行业务的处理。

小程序中常用的事件

01.png

事件对象的属性列表

02.png

target和currenttarent的区别

target是触发该事件的源头组件,而currenttarget则是当前事件所绑定的组件。举例如下:

<view>
    <button>按钮</button>
</view>
登录后复制

点击内部的按钮时,点击事件以冒泡的方式向外扩散,也会触发外层view的tap事件处理函数。

此时,对于外层的view来说:

e.target指向的是触发事件的源头组件,因此,e.target是内部的按钮组件

e.currenttarget指向的是当前正在触发事件的那个组件,因此,e.currenttarget是当前的view组件

03.png

bindtap的语法格式

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

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

<button>按钮</button>
登录后复制

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

page({
    btntaphandler(e){   //按钮的tap事件处理函数
        console.log(e)   // 事件参数对象e
    }
})
登录后复制

每按一次按钮就会在终端打印一次事件参数对象,就会触发手指的触摸事件。

04.png

【相关学习推荐:微信小程序】

以上就是一起来聊聊微信小程序之事件绑定的详细内容,更多请关注代码网其它相关文章!

(0)

相关文章:

  • 微信小程序支付 paysign二次加密如何操作(2022年10月最新)

    微信小程序支付 paysign二次加密如何操作(2022年10月最新)

    微信小程序支付中paysign二次加密如何操作?下面本篇文章就来给大家分享最新操作,希望对大家有所帮助!2022年9月22日起,微信支付不再提供 v2 sdk的... [阅读全文]
  • 微信小程序开发工具介绍

    本篇文章给大家带来了关于微信小程序的相关问题,其中主要介绍了关于开发工具介绍的相关内容,包括了下载开发工具以及编辑器总结等内容,下面一起来看一下,希望对大家有帮助。【相关学习推荐:…

    2025年03月30日 腾讯
  • 十分钟搞定小程序的条件渲染

    本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于条件渲染的相关内容,所谓条件渲染就是判断是否要把代码渲染到展示页面上,下面一起来看一下,希望对大家有帮助。微信小程序…

    2025年03月30日 腾讯
  • 微信小程序全局配置以及页面配置详解

    本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于全局配置以及页面配置的详细解析,其中包括了全局配置文件及常用配置项、小程序窗口组成部分、设置导航栏的标题、背景色、标…

    2025年03月30日 腾讯
  • 微信小程序常用API(总结分享)

    微信小程序常用API(总结分享)

    本篇文章给大家带来了关于微信小程序的相关知识,其中主要总结了一些常用的api,下面一起来看一下,希望对大家有帮助。【相关学习推荐:微信小程序】一、 系统常用ap... [阅读全文]
  • 微信小程序开发常用功能汇总

    本篇文章给大家带来了关于微信小程序的相关知识,主要介绍了微信小程序开发常用功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,希望对大家有帮助。【…

    2025年03月30日 腾讯

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com