我们来谈谈微信小程序事件绑定-小程序开发

首页 2024-06-26 15:38:40

本文给大家带来了微信小程序的相关问题,主要介绍了事件绑定的相关内容,包括事件是什么,小程序中常用的事件,target和curenttarent的区别。我们来看看,希望对大家有所帮助。

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

什么是事件

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

小程序中常用的事件

事件对象的属性列表

target和curentarent的区别

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

<view class="out-view" bindtap="outHandler">
    <button type="primary">按钮</button>
</view>
登录后复制

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

此时,对于外层view:

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

e.因此,currentarget指向当前触发事件的组件,e.currentarget是目前的view组件

bindtap的语法格式

HTML中没有onclick鼠标点击事件,而是通过tap事件来响应用户的触摸行为。

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

<button type="primary" bindtap="btnTapHandler">按钮</button>
登录后复制

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

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

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

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

以上就是一起来谈谈微信小程序事件绑定的细节,更多请关注其它相关文章!

最新文章

  • 家置服务器,掌控未来,智能生活由你定义!

  • 我们来谈谈微信小程序事件绑定-小程序开发

  • 本文为您带来了微信应用程序的相关问题,主要介绍了一些基本内容,包括定制组件、风格隔离、数据、方法和属性。让我们看看。我希望它能帮助你。

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

    1、自定义组件

    1.1、创建组件

    • 创建项目根目录中的鼠标右键 components -> test 文件夹

    • 新建的 components -> test 点击新文件夹上的鼠标右键 Component

    • 输入组件名称后返回车辆,自动生成相应的组件 4 文件的后缀名分别是 .js、.json、.wxml 和 .wxss

    1.1、创建组件