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
  • 相关阅读:
    Vasya and Endless Credits CodeForces
    Dreamoon and Strings CodeForces
    Online Meeting CodeForces
    数塔取数 基础dp
    1001 数组中和等于K的数对 1090 3个数和为0
    1091 线段的重叠
    51nod 最小周长
    走格子 51nod
    1289 大鱼吃小鱼
    POJ 1979 Red and Black
  • 原文地址:https://www.cnblogs.com/obge/p/13679082.html
Copyright © 2011-2022 走看看