脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 小程序事件 bindtap bindinput

微信小程序事件 bindtap bindinput代码实例

 更新时间：2019年08月26日 09:39:51   作者：渺茫大海  
这篇文章主要介绍了微信小程序事件 bindtap bindinput代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

一、bindtap事件

在wxml文件里绑定：

 <view class='wel-list' bindtap='TZdown'>
  <image src="/images/welcome_08.png"></image>
  <text>C语言资料下载</text>
 </view>

在js文件里相应：

Page({
 TZdown: function () {
  wx.navigateTo({
   url: '../download/download'
  });
 }
})

二、bindinput事件

wxml文件：

<input type="number" placeholder="请输入手机号" class="inp-holder" maxlength="11" bindinput="getPhone" />
<input type="number" placeholder="请输入验证码" class="inp-holder" maxlength="6" bindinput="getCode" />

js文件：

// 拿到手机号
  getPhone: function (e) {
    var val = e.detail.value;
    this.setData({
      telphone: val
    });
  },  
   // 拿到验证码
  getCode: function (e) {
    var val = e.detail.value;
    this.setData({
      code: val
    });
  },

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • 基于BootStarp的Dailog

    基于BootStarp的Dailog

    这篇文章主要介绍了基于BootStarp的Dailog 的相关资料,需要的朋友可以参考下
    2016-04-04
  • 微信小程序自定义菜单切换栏tabbar组件代码实例

    微信小程序自定义菜单切换栏tabbar组件代码实例

    这篇文章主要介绍了微信小程序自定义菜单切换栏tabbar组件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • JavaScript快速排序

    JavaScript快速排序

    JavaScript快速排序...
    2007-01-01
  • TypeScript中的interface与type实战

    TypeScript中的interface与type实战

    这篇文章主要介绍了TypeScript中的interface与type详解,它们都是用来定义类型的强大工具，在实际开发中，你可以根据具体情况选择使用 interface 或 type，或者甚至将它们结合起来使用，需要的朋友可以参考下
    2023-06-06
  • JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例

    JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例

    这篇文章主要介绍了JavaScript+html5 canvas绘制缤纷多彩的三角形效果,以完整实例形式分析了html5的canvas绘制图形的相关技巧,需要的朋友可以参考下
    2016-01-01
  • 微信小程序下拉框搜索功能的实现方法

    微信小程序下拉框搜索功能的实现方法

    这篇文章主要介绍了微信小程序下拉框搜索功能的实现方法，内容比较简单容易理解 ,需要的朋友可以参考下
    2019-07-07
  • TypeScript利用TS封装Axios实战

    TypeScript利用TS封装Axios实战

    这篇文章主要介绍了TypeScript利用TS封装Axios实战，TypeScript封装一遍Axios，能进一步巩固TypeScript的基础知识，需要的小伙伴可以参考一下
    2022-06-06
  • 小议javascript 设计模式 推荐

    小议javascript 设计模式 推荐

    最近重新温习了一次《javascript设计模式》，确实是一本好书，每次看都有不同的领悟，每次领悟到的都受益匪浅，无怪古圣人都说学无止镜了，仅以“加油，好吗？”共勉！
    2009-10-10
  • 微信小程序 scroll-view 实现锚点跳转功能

    微信小程序 scroll-view 实现锚点跳转功能

    这篇文章主要介绍了微信小程序 scroll-view 实现锚点跳转功能,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
    2019-12-12
  • js获取IP地址的方法小结

    js获取IP地址的方法小结

    本文介绍下，js代码获取IP地址的三种方法，通过三个例子来了解如何在js中取得客户端的IP地址。有需要的朋友不妨作个参考
    2014-07-07

最新评论