zoukankan      html  css  js  c++  java
  • 小程序 --- 事件绑定(八)

    一、事件

    定义:事件是视图层到逻辑层的通讯方式。

    能干哈:

      1、可以将用户的行为反馈到逻辑层进行处理,

      2、可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数,

      3、事件对象可以携带额外信息,如 id, dataset, touches。

    借助input 标签对事件进行学习

    1、实现页面输入啥,控制台打印啥

    1、给input标签绑定input 事件,绑定需要触发事件的关键字
       <input></input> 可以简写成 <input />
    2、通过事件源对象获取输入框中的值,事件对象就是js中的参数(e),获取值时通过,e.detail.value,参数名可以起不同的名字

     2、实现输入什么数字,就在下面显示什么数字

    注意,赋值方式是 

     this.setData({
             num:ev.detail.value
     })
    
    //num 表示js 页面初始数据中 的一个变量名
    //ev 表示这个事件的参数(也有个名字叫事件源)

     3、点击按钮触发事件

    借助自定属性进行传值   data-operation=""

     4、实现点击后获取自定义属性中值对num 值进行调整

     //获取自定义属性  operation
        const operation=e.currentTarget.dataset.operation;
        //将自定义属性中的值赋值给num
        this.setData({
          num: this.data.num + operation
        })

    https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html
  • 相关阅读:
    AC自动机学习笔记(模板)
    codeforces1328E
    Codeforces 1288E- Messenger Simulator (树状数组)
    线性基小记
    HDU3949
    矩阵快速幂小记
    5E
    5D
    5C
    5B
  • 原文地址:https://www.cnblogs.com/obge/p/13679082.html
Copyright © 2011-2022 走看看